返回 2026-05-10
🤖 AI / ML

使用 Claude Code:HTML 的不合理有效性Using Claude Code: The Unreasonable Effectiveness of HTML

simonwillison.net·2026-05-08

文章探讨了为何在请求 Claude 输出结构化内容时,HTML 比 Markdown 更具优势。作者通过多个实际案例展示了 HTML 能够更精确地控制布局、样式和语义结构,从而生成更可靠、可维护的代码片段。文中还提供了针对 Claude 的提示词建议,以引导其输出高质量的 HTML。核心观点是:对于需要精确格式和功能的 AI 生成内容,HTML 是比 Markdown 更优的选择。

Simon Willison

2026年5月8日 - Link Blog

使用 Claude Code:HTML 的不可思议的有效性。Thariq Shihipar(Anthropic 公司 Claude Code 团队成员)撰写的一篇发人深省的短文,主张在与 Claude 交互时,应优先选择 HTML 而非 Markdown 作为输出格式。

文章中包含大量有趣的示例(可在该网站查阅)以及如下提示建议:

帮我审查这个 PR,通过创建一个描述它的 HTML 工件来实现。我对流式传输/背压逻辑不太熟悉,请重点关注这部分内容。以行内边距注释的形式渲染实际的差异,并根据严重程度对发现的问题进行颜色编码,以及其他任何有助于清晰传达概念的内容。

自 GPT-4 时代以来,我一直默认将大部分请求以 Markdown 格式提出,当时 8,192 个 token 的限制意味着 Markdown 在 token 效率上相对于 HTML 具有极大的优势。

Thariq 的这篇文章让我重新思考了这一做法,尤其是在输出方面。要求 Claude 用 HTML 解释某个概念,意味着它可以嵌入 SVG 图表、交互式组件、页面内导航等功能,从而让信息更易于浏览和理解。

我曾在去年十二月写过关于构建 HTML 工具的有用模式,但那篇文章主要聚焦于像 my tools.simonwillison.net 站点上的那些交互式实用工具。我很期待开始尝试更多针对临时提示的丰富 HTML 解释。

正在 copy.fail 上进行测试

copy.fail 描述了一个最近发现的 Linux 安全漏洞,并附带一个以混淆 Python 代码形式分发的概念验证程序。

我尝试让 GPT-5.5 按照以下方式生成该漏洞的 HTML 解释:

curl https://copy.fail/exp | llm -m gpt-5.5 -s '详细解释这段代码。重新格式化,展开所有令人困惑的部分,深入讲解其工作原理。输出为样式精美的 HTML,充分利用 HTML、CSS 和 JavaScript 的能力,使解释内容丰富、互动性强,尽可能清晰易懂'

这是生成的 HTML 页面。整体表现相当不错,不过我应该更强调解释漏洞本身,而不是围绕它的 Python 封装代码。

需要完整排版与评论请前往来源站点阅读。