Anthropic 研究员建议用 HTML 替代 Markdown 作为 Claude 输出格式,提升信息呈现效果
Anthropic 的 Claude Code 团队成员 Thariq Shihipar 撰文提倡用 HTML 替代 Markdown 作为 AI 输出格式,可嵌入 SVG 图表、交互组件等。本文编译该观点,并分析对中文用户使用 AI 的启示。
一句话看懂
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 页面效果。
中文圈视角
对中文用户而言,这一建议具有实际意义:
-
国内用户能用吗? Claude Code 目前需要海外网络访问,但思路本身适用于任何支持 HTML 输出的 AI 模型,包括国产模型如 DeepSeek、Kimi、智谱 GLM 等。这些模型大多支持生成 HTML,但用户通常默认要求 Markdown。
-
国产平替对比:国产模型在 HTML 生成能力上并不逊色,但用户习惯尚未转变。例如,DeepSeek 的 context window 已达 1M token,完全有能力生成包含 SVG 的复杂 HTML 页面。Kimi 的“长文本”能力也适合输出结构化 HTML 文档。
-
具体场景影响:
- 编程:审查代码时,HTML 可以高亮 diff、添加注释气泡,比 Markdown 更直观。
- 学习:解释复杂概念时,HTML 可嵌入交互式图表(如 D3.js),提升理解效率。
- 办公:生成报告或演示文稿时,HTML 可直接作为网页分享,无需额外工具。
-
监管/合规:HTML 输出可能包含外部资源(如图片、脚本),需注意数据安全。国内用户应避免在敏感场景中使用外部 CDN 资源。
-
中文圈盲点:目前中文社区讨论 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 输出——你将获得更直观、可交互的阅读体验。