Markdown，該退休了！Claude Code 核心工程師爆火長文：寫個 HTML 吧

來源：市場資訊

（來源：AI信息Gap）

Markdown，該退休了。

說出這個暴論的是 Thariq Shihipar。Claude Code 核心工程師，MIT Media Lab 出身，YC 創業者。

先說結論。「寫個 HTML 吧。」

Thariq，我們之前聊過好幾次了。

他那個「Lessons from Building Claude Code」系列，我持續追蹤了三篇文章。提示緩存如何讓 Agent 又快又省、怎么從踩坑中迭代出 20 個工具、怎么構建管理幾百個 Skills。

今天要說的這篇不在那個系列里，是他 5 月 8 日單獨發的一篇。

標題「The Unreasonable Effectiveness of HTML」。

「HTML 好用得離譜。」

Thariq 說，他已經「幾乎完全停用 Markdown」了。方案文檔、代碼審查、設計原型、團隊周報，全都用 HTML 輸出。

后來這篇文章被 Anthropic 收錄進了 Claude 官方博客。一個工程師的個人感悟，變成了官方推薦。

Markdown 在 AI 時代「火」了三年。從 ChatGPT 到 Claude Code，所有 AI 工具的默認輸出格式都是 Markdown。

但 Thariq 的感受是，超過 100 行的 Markdown 文件，他就讀不下去了。

「我也不可能讓團隊里其他人讀完。」

AI Agent 越來越強，輸出越來越長。Markdown 的表達力幾乎要到頂了。流程圖畫不出來，沒有配色，交互更是別想。

他在文章里貼了一張截圖。Claude Code 在 Markdown 里試圖用 Unicode 字符來「假裝有顏色」。

莫名有點搞笑。

但如果換成 HTML 呢？

表格、SVG 矢量圖、CSS 樣式、JavaScript 交互，全都可以裝進一個 .html 文件里。瀏覽器一打開，排版、導航、標簽頁、配色齊活兒。

Thariq 把 20 個 HTML demo 放在了 GitHub Pages 上，全用 Claude Code 生成，每個對應一個真實工作場景。

漂亮是真的漂亮。美觀性和可讀性雙雙拉滿了。

這些 HTML demo 的地址在這里。

https://thariqs.github.io/html-effectiveness

選擇設計方向的時候，他先讓 Claude 生成一個 HTML 網格。6 種完全不同的界面方案并排放在一個頁面里，有配色，有布局，每個方案標注了優劣。清晰明了。

以前在 Markdown 里，這只能是一種奢望。「方案 A 傾向于簡潔，方案 B 強調信息密度…」你要自己腦補畫面。

提交 PR 的時候，他讓 Claude 生成一個 HTML 格式的代碼解讀。Diff 用顏色區分，旁邊有內聯注釋，按嚴重程度分色標注。他說比 GitHub 默認的 diff 界面還好用。

現在他每提交一個 PR，都附帶一份 HTML 代碼解讀。

HTML 還有一個 Markdown 永遠給不了的東西。「交互。」

比如調試一個按鈕的動畫效果。直接讓 Claude 生成一個 HTML 文件，里面放幾個滑塊。拖拽一下，效果實時變化。找到滿意的參數，點「復制」，粘貼到 Claude Code 繼續寫代碼。

Claude 輸出給你看，你調試完又回傳給 Claude。

30 個工單需要重新排優先級？讓 Claude 生成一個看板，每張工單是一張可拖拽的卡片。拖到「現在做」「下次做」「以后再說」「砍掉」四列里。排列完，點導出。

調整顏色、正則表達式、cron 表達式，都可以這么干。

Thariq 把這種操作稱為「一次性編輯器」。專門為手頭這一件事量身定做的界面，用完就可以扔。以前要寫代碼，現在一句話搞定。

研究和學習也能用得上。

Thariq 寫「提示緩存」那篇文章之前，讓 Claude Code 讀完了所有相關的 git 歷史，然后生成了一份 HTML 格式的研究報告。里面有 SVG 流程圖，有關鍵代碼片段標注，還有一個「常見踩坑」的章節。

團隊周報、事故復盤、技術分享，都可以這么生成。讓 Claude 搜索你的工作空間、讀取你的代碼庫、查看你的 git 記錄，然后輸出一份 HTML 報告。

他的 demo 里甚至有一個用箭頭鍵翻頁的 PPT。整個演示文稿就是一個 HTML 文件。不用導出。

那么，怎么用？

「你不需要做任何準備。直接對 Claude 說生成一個 HTML 文件就夠了。」（其他 AI 同樣適用。）

不需要寫 Skills，不需要配置模板。描述你想要的內容，讓 Claude 輸出為 HTML 格式，瀏覽器打開就能看。

Thariq 補充道，「我有點擔心大家會把這變成一個 /html 技能。完全沒必要。先從零開始提示，感受一下不同場景下怎么用。」

這個技巧也不只適用于寫代碼。

Claude Code 處理非技術工作的基本套路就是「把文件丟進文件夾，讓 Claude 寫腳本處理，輸出 HTML」。做計劃、寫報告、填表格，都能用。

Django 框架聯合創始人 Simon Willison 說，這篇文章讓他反思了自己從 GPT-4 時代養成的習慣。當年上下文窗口只有 8192 個 token，Markdown 省 token 是剛需。現在百萬上下文，這個約束已經不在了。

有網友評論，「我們繞了一圈，回到了 Tim Berners-Lee 發明超文本時的初衷。」

也有不同意見。HTML 要比 Markdown 多消耗 2-4 倍 token，生成也慢 2-4 倍。git diff 又長又亂，協作時追蹤改動很難受。也有人問，Anthropic 內部人推廣更費 token 的輸出格式，是不是有別有用心？

Thariq 回應道，「Opus 4.7 百萬上下文，多消耗的 token 感知不到。」版本管理是 HTML 最大的短板，他也承認。

其實，HTML 和 Markdown 不是二選一，非黑即白。

短文本輸出、草稿、Agent 之間傳遞信息，Markdown 還是首選。

但你要生成一份給別人看的方案、一份可視化的代碼審查、一份帶交互的原型、一份團隊周報，HTML 強太多了。

下次再用 AI，試試「生成一個 HTML 文件。」

我是木易，Top2 + 美國 Top10 CS 碩，現在是 AI 產品經理。