使用 Claude Code:HTML 出人意料的有效性
摘要
Simon Willison 探讨了使用 HTML 而非 Markdown 作为 AI 输出格式的有效性,突出了 SVG 图表、交互式组件和丰富说明等优势。内容包含 Anthropic 公司 Claude Code 团队 Thariq Shihipar 的案例以及 GPT-5.5 的实用提示。
暂无内容
查看缓存全文
缓存时间: 2026/05/08 22:27
# 使用 Claude Code:HTML 的惊人效力
来源:https://simonwillison.net/2026/May/8/unreasonable-effectiveness-of-html/
2026年5月8日 - 链接博客
**使用 Claude Code:HTML 的惊人效力(https://twitter.com/trq212/status/2052809885763747935)**。这是一篇来自 Thariq Shihipar(Anthropic 公司 Claude Code 团队成员)的引人深思的文章,主张在向 Claude 请求输出时使用 HTML 而非 Markdown。
这篇文章充满了有趣的示例(收集在 this site (https://thariqs.github.io/html-effectiveness/) 上),还有这样的提示建议:
> `帮我审查这个 PR,创建一个 HTML 工件来描述它。我不太熟悉流式传输/背压逻辑,所以请重点关注这个。用行内边注渲染实际 diff,用颜色标记发现的问题按严重程度分类,以及任何可能有助于更好地传达概念的内容。`
自 GPT-4 时代以来,我一直默认要求大多数内容以 Markdown 格式输出,因为当时的 8,192 token 限制意味着 Markdown 相比 HTML 在 token 效率上的优势非常明显。
Thariq 的这篇文章让我重新考虑这一点,尤其是对于输出。让 Claude 用 HTML 解释意味着它可以嵌入 SVG 图表、交互式小部件、页面内导航,以及各种让信息更易于浏览的巧妙方式。
我去年十二月写过关于 构建 HTML 工具的有用模式(https://simonwillison.net/2025/Dec/10/html-tools/),但那篇文章主要关注交互式工具,比如我 tools.simonwillison.net(https://tools.simonwillison.net/)站点上的那些。我很高兴开始尝试用丰富的 HTML 说明来响应临时提示。
#### 在 copy.fail 上尝试
copy.fail(https://copy.fail/)描述了一个最近发现的 Linux 安全漏洞,包括一个以混淆 Python 形式分发的概念验证程序。
我让 GPT-5.5 创建了这样一个 HTML 说明:
> `curl https://copy.fail/exp | llm -m gpt-5.5 -s '详细解释这段代码。重构它,展开任何令人困惑的部分,深入了解它的功能和运作方式。输出 HTML,样式整洁,利用 HTML、CSS 和 JavaScript 的能力使说明丰富、交互式且尽可能清晰'`
这是 产生的 HTML 页面(https://gisthost.github.io/?ae53e3461ffdbfd0826156aacf025c7e)。效果不错,不过我本应该更强调解释漏洞本身而不是围绕它的 Python 工具。
截图展示了一个深色主题的技术文档,标题为"This Python script does"。正文:"这是一个精简的、故意混淆的 Linux 特定本地提权概念验证。其表面目标是对 /usr/bin/su 的内存映像/页缓存进行篡改,然后执行 su 来获取提升的权限。" 一个黄色边框的提示框写道:"安全提示:此解释仅用于代码理解、反向工程和防御分析。不要在非您所有或管理的系统上运行。在存在漏洞的内核上,此类代码可能会改变特权可执行文件的行为。" 左侧列标题"高级概述":"该脚本以只读方式打开 /usr/bin/su,解压嵌入的二进制有效载荷,然后以 4 字节块处理该有效载荷。对于每个块,它执行一个精心安排的序列,涉及 Linux 的内核加密套接字接口 AF_ALG、管道和 splice()。重要的一点是,这不是普通的文件写入。它从未对 /usr/bin/su 调用 write()。相反,它似乎依赖于一个涉及拼接文件页和加密 API 的内核 bug/原语,以将受控字节放入特权可执行文件的页缓存表示中。" 编号步骤如下:"1. 打开目标可执行文件 — /usr/bin/su 以只读方式打开。2. 解码隐藏的有效载荷 — 一个 zlib 压缩的十六进制 blob 被解压为字节。3. 以 4 字节块修补 — 重复调用辅助函数,偏移量为 0、4、8、..."。右侧列标题"为什么它看起来奇怪"包含一个模式和目的列的表格:"import os as g — 用短别名使脚本更精简、更难阅读。socket(38, 5, 0) — 使用原始数字 Linux 常量而非可读名称。压缩的十六进制 blob — 隐藏二进制有效载荷字节并保持脚本小巧。splice() — 通过管道移动文件支持的页面,无需普通用户空间复制。try: recv(...) except: 0 — 触发内核操作并忽略预期的错误。"
相似文章
使用 Claude Code:HTML 的惊人效力
一位 Claude Code 团队成员在博客文章中主张,应将 HTML 而非 Markdown 作为 Claude Code 等 AI 智能体的首选输出格式,并列举了其优势:更丰富的信息密度、更清晰的视觉呈现、更便于分享以及支持交互功能。
@trq212: https://x.com/trq212/status/2052809885763747935
该文章认为,与Markdown相比,HTML是AI智能体更优越的输出格式,因为它具有更丰富的信息密度、视觉清晰度、易于分享和双向交互,并分享了作者及Claude Code团队其他成员偏爱HTML的原因。
@AYi_AInotes: Claude团队的工程师,已经彻底抛弃Markdown了。 不是Markdown不好用, 是AI变得太快,它已经跟不上了。 以前AI写10行笔记,Markdown刚刚好, 现在AI能一次性输出1000行计划、复杂流程图、完整代码审查, 密…
Claude团队工程师放弃Markdown转向HTML,因AI输出量已从10行增至1000行,纯文字格式难以处理。HTML可生成彩色表格、SVG流程图、交互式原型等,显著提升人机协作体验,尽管生成时间增加2-4倍。
@trq212: HTML 是新的 markdown。我已经几乎不再写 markdown 文件,转而使用 Claude Code 来生成 HTML…
作者解释了他们为何从写 markdown 文件转向使用 Claude Code 来生成 HTML,并认为 HTML 是新的 markdown。
@elliotchen100: Anthropic 的 Thariq 昨天那篇 HTML 的文章爆了,1.5M 阅读。 看上去在讲格式审美,其实他在讲一套全新的工作流。 挑几个最有技术含量的点。 第一,HTML 不是文档,是 throwaway editor。 他举的例…
解析Anthropic员工分享的AI开发新工作流,提出利用HTML和SVG替代Markdown可大幅提升多智能体协作与交互效率,更契合AI时代人机协同的实际需求。