Anthropic 工程師：HTML 才是 Claude Code 最佳輸出格式、不是 Markdown

Anthropic Claude Code 團隊工程師 Thariq Shihipar 5 月 8 日發表「Using Claude Code: The Unreasonable Effectiveness of HTML」、主張用 HTML 取代 Markdown 作為與 Claude Code 互動的輸出格式。Simon Willison 整理重點：HTML 提供 SVG 圖表、互動元件、頁內錨點與 CSS 樣式、讓 Claude 的回答從「線性文字」變成「多維度文件」、可大幅提升閱讀與理解效率。本主題在 X 平台上熱度極高—Shihipar 的兩則相關推文合計超過 15,000 個讚。

核心論點：HTML 提供 Markdown 無法的視覺與互動能力

Shihipar 主張 HTML 勝過 Markdown 的原因：

視覺豐富度：SVG 圖表、顏色編碼、有樣式的 callout

互動性：原生支援 widget 與動態元件

導航：頁內錨點、結構化的資訊層級

專業排版：CSS 樣式提升清晰度與美觀

Markdown 過去之所以成為標準、主要是因為早期 LLM 的 context window 偏小（如 GPT-4 8K 時期）、開發者必須節省 token；HTML 標籤本身比 Markdown 多消耗 token、在小 context 時代不划算。Claude 進入 200K 至 1M context 時代後、token 成本不再是限制、HTML 的視覺優勢才能完整發揮。

具體應用：分析 Linux 漏洞時、HTML 輸出生成深色主題技術文件

Shihipar 以 Linux 安全漏洞分析為例：

Markdown 輸出：純文字、靠縮排與標題分層

HTML 輸出：深色主題技術文件、含顏色編碼的嚴重等級、並排比較表、警告區塊

讀者體驗：HTML 版讓技術內容的層級、嚴重程度、對照關係一眼可辨

同樣資訊內容、HTML 輸出的可讀性與可操作性遠勝 Markdown 純文字版本。對需要產生「給人看的解釋」（而非「給機器讀的純文字」）的場景、HTML 是更好的選擇。

建議用法：在提示詞中明確要求 HTML + CSS + JS 完整能力

Shihipar 推薦的提示詞模式：

「輸出 HTML、用 HTML、CSS、JavaScript 的完整能力把解釋做得豐富、互動、清楚」

適合用在：技術文件、教學說明、資料視覺化、互動報告

不適合：純粹的程式碼檔案、結構化資料（仍用對應格式）

後續可追蹤的具體事件：Anthropic 是否將 HTML 輸出能力官方推薦給 Claude Code 用戶、其他 IDE／Agent 框架（Cursor、Codex）是否採用類似輸出格式、以及 Markdown vs HTML 在開發者社群的長期採用率變化。

這篇文章 Anthropic 工程師：HTML 才是 Claude Code 最佳輸出格式、不是 Markdown 最早出現於 鏈新聞 ABMedia。