AI 快讯 编译自 simon_willison #AI 输出格式#Claude Code#HTML vs Markdown

Anthropic 研究员建议用 HTML 替代 Markdown 作为 Claude 输出格式,提升信息呈现效果

Anthropic 的 Claude Code 团队成员 Thariq Shihipar 撰文提倡用 HTML 替代 Markdown 作为 AI 输出格式,可嵌入 SVG 图表、交互组件等。本文编译该观点,并分析对中文用户使用 AI 的启示。

编译发布 2026/05/25 原文发布 2026/05/08

一句话看懂

Anthropic 研究员 Thariq Shihipar 主张让 Claude 输出 HTML 而非 Markdown,以利用 SVG 图表、交互组件等丰富信息呈现方式。

详细发生了什么

Anthropic Claude Code 团队成员 Thariq Shihipar 发表了一篇文章,题为《Using Claude Code: The Unreasonable Effectiveness of HTML》。核心观点是:向 Claude 等 AI 模型请求输出时,应优先选择 HTML 格式,而不是传统的 Markdown。

文章提供了大量示例和提示建议,例如:

“帮我审查这个 PR,创建一个 HTML 工件来描述它。我对 streaming/backpressure 逻辑不熟悉,请重点关注。渲染实际的 diff,附带行内边距注释,按严重程度颜色编码,以及任何有助于传达概念的内容。”

知名开发者 Simon Willison 在博客中引用了该文,并分享了自己的体验。他提到,自 GPT-4 时代以来,由于 8,192 token 的限制,Markdown 的 token 效率高于 HTML,因此他一直默认使用 Markdown。但 Thariq 的文章让他重新考虑,尤其是对于输出场景:要求 Claude 用 HTML 解释,可以嵌入 SVG 图表、交互式小部件、页面内导航等,使信息更易于浏览。

Simon 还尝试让 GPT-5.5 用 HTML 解释一个 Linux 安全漏洞(copy.fail),并展示了生成的交互式 HTML 页面效果。

中文圈视角

对中文用户而言,这一建议具有实际意义:

  1. 国内用户能用吗? Claude Code 目前需要海外网络访问,但思路本身适用于任何支持 HTML 输出的 AI 模型,包括国产模型如 DeepSeek、Kimi、智谱 GLM 等。这些模型大多支持生成 HTML,但用户通常默认要求 Markdown。

  2. 国产平替对比:国产模型在 HTML 生成能力上并不逊色,但用户习惯尚未转变。例如,DeepSeek 的 context window 已达 1M token,完全有能力生成包含 SVG 的复杂 HTML 页面。Kimi 的“长文本”能力也适合输出结构化 HTML 文档。

  3. 具体场景影响

    • 编程:审查代码时,HTML 可以高亮 diff、添加注释气泡,比 Markdown 更直观。
    • 学习:解释复杂概念时,HTML 可嵌入交互式图表(如 D3.js),提升理解效率。
    • 办公:生成报告或演示文稿时,HTML 可直接作为网页分享,无需额外工具。
  4. 监管/合规:HTML 输出可能包含外部资源(如图片、脚本),需注意数据安全。国内用户应避免在敏感场景中使用外部 CDN 资源。

  5. 中文圈盲点:目前中文社区讨论 AI 输出格式时,仍以 Markdown 为主流,很少有人探索 HTML 的潜力。这篇文章提供了一个新的优化方向。

几条值得记住的细节

  • Thariq Shihipar 是 Anthropic Claude Code 团队成员,文章收集了大量示例,网址为 thariqs.github.io/html-effectiveness。
  • Simon Willison 从 GPT-4 时代开始默认使用 Markdown,原因是 8,192 token 限制下 Markdown 更节省 token。
  • 请求 HTML 输出的提示示例:要求模型“创建 HTML 工件”并指定关注点(如 streaming/backpressure)。
  • HTML 输出可以包含 SVG 图表、交互式小部件、页面内导航等,而 Markdown 无法直接实现。
  • Simon 用 GPT-5.5 成功生成了关于 Linux 安全漏洞的交互式 HTML 解释页面。

一句话总结

下次让 AI 解释复杂内容时,试试要求 HTML 输出——你将获得更直观、可交互的阅读体验。