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 在開發者社群的長期採用率變化。