The Unreasonable Effectiveness of HTML — Examples

它做什么

• 每个产物都是一个独立 .html——浏览器直接打开，免安装、免构建、零依赖
• 索引分六类：探索、代码、原型、沟通、图示与研究、自定义编辑 UI
• agent HTML 输出的具体范式：DOM-contract 代码评审、组件变体矩阵、事故报告、prompt 调参器
• 可直接当 few-shot 范例——扔一个进 prompt，让 agent 看懂你要的产物形态

什么时候用

想让 Claude 的产出是能打开、能点的东西——报告、评审、幻灯、小工具——而不是 markdown 时，把这些当起点或 prompt 范例。

如何上手

无需安装、无需构建：

git clone https://github.com/anthropics/html-effectiveness
open index.html   # 完整分类索引；或直接打开任意编号文件

注意事项

是画廊不是库——这里没有可 import 的代码。所有产品名、数据与场景均为虚构占位（「Acme」）。