🤖 AI 时代新趋势

为什么 AI 输出推荐用 HTML
而不是 Markdown？

两位顶级 AI 专家（Andrej Karpathy 和 trq212）都在推荐的格式升级，普通人也能轻松掌握

向下滑动探索
我开始更喜欢使用 HTML 作为输出格式而不是 Markdown，而且我越来越发现 Claude Code 团队中的其他人也在使用这种格式。

—— trq212，Claude Code 核心贡献者

📄 Markdown 的局限

😰 Markdown 的痛点

  • 超过 100 行就难以阅读
  • 只能显示文字，无法展示图表
  • 颜色表现非常有限
  • 难以分享（浏览器渲染差）
  • 只能看，不能交互

🌟 HTML 的优势

  • 任意长度都清晰易读
  • 完美展示图表、表格、SVG
  • 丰富多彩的视觉设计
  • 轻松分享链接即可
  • 支持交互、动画、按钮

💡 核心洞察

Markdown 设计初衷是让人类方便编辑，但对于 AI 输出给人类阅读这个场景，HTML 才是更高效的选择。

🚀 HTML 的四大优势

📊

信息密度更高

HTML 可以包含表格、图表、SVG 插图、代码片段、交互元素——所有内容一目了然，不再需要 ASCII 艺术勉强表达。

👀

视觉更清晰易读

Claude 可以用标签页、插图、链接组织内容，还能适配手机屏幕。无论用什么设备，打开即完美展示。

🔗

分享超级方便

Markdown 文件需要下载附件，但 HTML 文件只需分享链接。同事、领导、客户随时随地打开阅读。

🎮

双向互动能力

可以在 HTML 中加入滑块、旋钮、按钮，让你可以实时调整参数、测试不同选项——这就是"游乐场模式"！

🔮 AI 输出的进化论

Andrej Karpathy（OpenAI 创始人之一）提出了一个深刻的观点：

阶段 1

原始文本

黑底白字，阅读费力，效率最低

阶段 2

Markdown（当前默认）

支持加粗、斜体、标题、表格，稍微友好一些

阶段 3

HTML（现在推荐）

图形、布局、甚至交互性——灵活度大幅提升

阶段 4

交互式神经视频/模拟（未来）

由扩散神经网络直接生成的交互式内容

🎯 关键建议

在当前阶段，值得探索的方向是：让 AI 输出 HTML。尝试在提问结束时说"将响应结构化为 HTML"。

🎯 HTML 的最佳使用场景

📋

规格与规划

代替长篇 Markdown 计划，生成带有图表、原型、代码片段的完整方案

🔍

代码审查

生成带有注释、流程图、模块可视化的代码说明，比 GitHub 默认视图更好用

🎨

设计与原型

快速生成 UI 设计稿，加入滑块让你实时调整参数、测试效果

📊

报告与研究

综合多个数据源生成可读性极强的报告，支持 SVG 图表和流程图

⚙️

自定义编辑器

为特定任务创建临时编辑器，比如重新排序任务、编辑配置、调优提示词

🎓

学习与理解

生成交互式解释页面，包含图表、代码注释、要点总结

❓ 常见问题解答

HTML 不是比 Markdown 占用更多 Token 吗？ ▼
确实会多花一些 Token（大约 2-4 倍），但 HTML 带来的表达力提升和更高的阅读意愿，让整体收益更高。Claude Opus 4.7 有 100 万 Token 的上下文窗口，这点额外消耗几乎可以忽略。
那什么时候还用 Markdown？ ▼
如果你主要是自己快速记录、随手编辑，Markdown 仍然很方便。但对于 AI 输出的、需要给他人阅读的内容，HTML 明显更优。
怎么看生成的 HTML 文件？ ▼
直接用浏览器打开即可（可以请 Claude 帮你打开）。如果要分享，可以上传到 S3 或其他托管服务生成链接。
生成 HTML 需要额外付费吗？ ▼
不需要！只需要在提问时告诉 AI"生成 HTML 文件"或"生成 HTML artifact"。AI 本身的能力已经支持，没有额外的费用门槛。

🎉 现在就开始尝试

下次使用 AI 时，试试在结尾加上这句话

→ 请将你的回答结构化为 HTML