來(lái)源：市場(chǎng)資訊

（來(lái)源：AI信息Gap）

Markdown，該退休了。

說(shuō)出這個(gè)暴論的是 Thariq Shihipar。Claude Code 核心工程師，MIT Media Lab 出身，YC 創(chuàng)業(yè)者。

先說(shuō)結(jié)論。「寫(xiě)個(gè) HTML 吧。」

Thariq，我們之前聊過(guò)好幾次了。

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

今天要說(shuō)的這篇不在那個(gè)系列里，是他 5 月 8 日單獨(dú)發(fā)的一篇。

標(biāo)題「The Unreasonable Effectiveness of HTML」。

「HTML 好用得離譜。」

Thariq 說(shuō)，他已經(jīng)「幾乎完全停用 Markdown」了。方案文檔、代碼審查、設(shè)計(jì)原型、團(tuán)隊(duì)周報(bào)，全都用 HTML 輸出。

后來(lái)這篇文章被 Anthropic 收錄進(jìn)了 Claude 官方博客。一個(gè)工程師的個(gè)人感悟，變成了官方推薦。

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

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

「我也不可能讓團(tuán)隊(duì)里其他人讀完。」

AI Agent 越來(lái)越強(qiáng)，輸出越來(lái)越長(zhǎng)。Markdown 的表達(dá)力幾乎要到頂了。流程圖畫(huà)不出來(lái)，沒(méi)有配色，交互更是別想。

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

莫名有點(diǎn)搞笑。

但如果換成 HTML 呢？

表格、SVG 矢量圖、CSS 樣式、JavaScript 交互，全都可以裝進(jìn)一個(gè) .html 文件里。瀏覽器一打開(kāi)，排版、導(dǎo)航、標(biāo)簽頁(yè)、配色齊活兒。

Thariq 把 20 個(gè) HTML demo 放在了 GitHub Pages 上，全用 Claude Code 生成，每個(gè)對(duì)應(yīng)一個(gè)真實(shí)工作場(chǎng)景。

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

這些 HTML demo 的地址在這里。

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

選擇設(shè)計(jì)方向的時(shí)候，他先讓 Claude 生成一個(gè) HTML 網(wǎng)格。6 種完全不同的界面方案并排放在一個(gè)頁(yè)面里，有配色，有布局，每個(gè)方案標(biāo)注了優(yōu)劣。清晰明了。

以前在 Markdown 里，這只能是一種奢望。「方案 A 傾向于簡(jiǎn)潔，方案 B 強(qiáng)調(diào)信息密度…」你要自己腦補(bǔ)畫(huà)面。

提交 PR 的時(shí)候，他讓 Claude 生成一個(gè) HTML 格式的代碼解讀。Diff 用顏色區(qū)分，旁邊有內(nèi)聯(lián)注釋，按嚴(yán)重程度分色標(biāo)注。他說(shuō)比 GitHub 默認(rèn)的 diff 界面還好用。

現(xiàn)在他每提交一個(gè) PR，都附帶一份 HTML 代碼解讀。

HTML 還有一個(gè) Markdown 永遠(yuǎn)給不了的東西。「交互。」

比如調(diào)試一個(gè)按鈕的動(dòng)畫(huà)效果。直接讓 Claude 生成一個(gè) HTML 文件，里面放幾個(gè)滑塊。拖拽一下，效果實(shí)時(shí)變化。找到滿意的參數(shù)，點(diǎn)「復(fù)制」，粘貼到 Claude Code 繼續(xù)寫(xiě)代碼。

Claude 輸出給你看，你調(diào)試完又回傳給 Claude。

30 個(gè)工單需要重新排優(yōu)先級(jí)？讓 Claude 生成一個(gè)看板，每張工單是一張可拖拽的卡片。拖到「現(xiàn)在做」「下次做」「以后再說(shuō)」「砍掉」四列里。排列完，點(diǎn)導(dǎo)出。

調(diào)整顏色、正則表達(dá)式、cron 表達(dá)式，都可以這么干。

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

研究和學(xué)習(xí)也能用得上。

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

團(tuán)隊(duì)周報(bào)、事故復(fù)盤(pán)、技術(shù)分享，都可以這么生成。讓 Claude 搜索你的工作空間、讀取你的代碼庫(kù)、查看你的 git 記錄，然后輸出一份 HTML 報(bào)告。

他的 demo 里甚至有一個(gè)用箭頭鍵翻頁(yè)的 PPT。整個(gè)演示文稿就是一個(gè) HTML 文件。不用導(dǎo)出。

那么，怎么用？

「你不需要做任何準(zhǔn)備。直接對(duì) Claude 說(shuō)生成一個(gè) HTML 文件就夠了。」（其他 AI 同樣適用。）

不需要寫(xiě) Skills，不需要配置模板。描述你想要的內(nèi)容，讓 Claude 輸出為 HTML 格式，瀏覽器打開(kāi)就能看。

Thariq 補(bǔ)充道，「我有點(diǎn)擔(dān)心大家會(huì)把這變成一個(gè) /html 技能。完全沒(méi)必要。先從零開(kāi)始提示，感受一下不同場(chǎng)景下怎么用。」

這個(gè)技巧也不只適用于寫(xiě)代碼。

Claude Code 處理非技術(shù)工作的基本套路就是「把文件丟進(jìn)文件夾，讓 Claude 寫(xiě)腳本處理，輸出 HTML」。做計(jì)劃、寫(xiě)報(bào)告、填表格，都能用。

Django 框架聯(lián)合創(chuàng)始人 Simon Willison 說(shuō)，這篇文章讓他反思了自己從 GPT-4 時(shí)代養(yǎng)成的習(xí)慣。當(dāng)年上下文窗口只有 8192 個(gè) token，Markdown 省 token 是剛需。現(xiàn)在百萬(wàn)上下文，這個(gè)約束已經(jīng)不在了。

有網(wǎng)友評(píng)論，「我們繞了一圈，回到了 Tim Berners-Lee 發(fā)明超文本時(shí)的初衷。」

也有不同意見(jiàn)。HTML 要比 Markdown 多消耗 2-4 倍 token，生成也慢 2-4 倍。git diff 又長(zhǎng)又亂，協(xié)作時(shí)追蹤改動(dòng)很難受。也有人問(wèn)，Anthropic 內(nèi)部人推廣更費(fèi) token 的輸出格式，是不是有別有用心？

Thariq 回應(yīng)道，「Opus 4.7 百萬(wàn)上下文，多消耗的 token 感知不到。」版本管理是 HTML 最大的短板，他也承認(rèn)。

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

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

但你要生成一份給別人看的方案、一份可視化的代碼審查、一份帶交互的原型、一份團(tuán)隊(duì)周報(bào)，HTML 強(qiáng)太多了。

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

我是木易，Top2 + 美國(guó) Top10 CS 碩，現(xiàn)在是 AI 產(chǎn)品經(jīng)理。