Anthropic 的 Claude Code 团队最近宣布了一个决定：他们内部文档不再写 Markdown 了，直接写 HTML。
理由是：Markdown 是写给作者看的，HTML 才是给读者看的。
这句话引发了技术圈的广泛讨论。但更重要的是，它催生了一个爆款项目——html-anything，上线不久就拿到了 2500+ GitHub Star。
苏米注：Anthropic 这个决定背后反映了一个趋势——AI 已经能直接写 HTML 了，格式门槛不再是障碍。当 AI 能帮你写任何格式时，选择"离最终输出最近"的格式就是最优解。
html-anything 是什么？
html-anything 是一个本地 AI Agent 驱动的 HTML 生成工具。不生成 Markdown，不生成 PPTX，直接输出纯静态 HTML 文件。
使用方式非常简单：左侧输入需求描述，中间选择模板，右侧实时预览。装好后你只需要做一件事——描述你想要的页面。
示例：做一份技术博客，暗色主题，要有代码示例和数据图表
AI 会自动选模板、应用设计约束、输出完整 HTML 文件。
核心特点
不提供 AI，只做调度
html-anything 不自带模型，也不卖 API Key。它调用的是你电脑上已经装好的 AI 工具——Claude Code、Cursor、Gemini CLI、Copilot……只要你之前用过并且登录过，它直接拿来用。不需要额外注册或付费。
75 套精心设计的模板
每个模板都有严格的设计约束：
- CJK 优先字体栈
- 8px 基线网格
- 对比度 ≥ 4.5
- 必须使用真实数据
- 禁止占位文本
这些约束确保输出契合专业设计规范，不是随便拼凑的半成品。
覆盖 9 种常见场景
html-anything 不只是生成网页，它覆盖了 9 种高频内容创作场景：
| 场景 | 说明 | 示例 |
|---|---|---|
| Web 原型 | 落地页、定价页、后台管理、技术博客 | 完整响应式页面 |
| 演示文稿 | 20 套风格可选 | 瑞士国际主义、杂志风等 |
| 生成视频 | 导出渲染成 MP4 | 故障艺术标题帧、Logo 片尾 |
| 社交卡片 | 小红书、推特、Spotify 风格配图 | 一键生成社交媒体图片 |
| 办公文档 | 周报、需求文档、财务报告 | 专业排版文档 |
| 简历 | 多种简历模板 | 个人作品集 |
| 数据报表 | 图表、数据可视化 | 交互式报表 |
演示文稿：20 套专业风格
做技术分享和产品路演的朋友，这部分会让你眼前一亮。
瑞士国际主义风格：16 列网格配主色调，克莱因蓝、柠檬绿等 22 种固定布局，打开就是"一看就贵"的冷峻感。
杂志和电子墨水风：10 种布局搭配 5 套配色方案，墨水、靛蓝瓷、牛皮纸等风格，看起来像印刷精美的艺术杂志。
还有 deck-xhs-pastel（小红书柔和风）、deck-hermes-cyber（赛博霓虹风格）、deck-replit（Replit 产品演示风格）等。
视频帧脚本：直接渲染成 MP4
html-anything 还提供了 10 个遵循 heygen-com/hyperframes 规范的帧脚本，交给 Remotion 就能渲染成 MP4 视频。
- frame-glitch-title：故障艺术标题帧，青色/洋红色差偏移、CRT 扫描线，赛博朋克专用
- frame-logo-outro：品牌 Logo 片尾帧，Logo 逐块组装 + 发光光晕
- vfx-text-cursor：光标打字特效，每个字符以品红 × 青色色差轨迹显现
一键导出到多个平台
内容生成好了，发布是另一个痛点。html-anything 支持一键导出到多个主流平台：
- 微信公众号：CSS 全部内联，粘贴进去直接用
- X / 微博 / 小红书：自动渲染成 2× 高 DPI PNG，复制到剪贴板
- 知乎：LaTeX 公式自动处理成图片占位符
如果你之前也经历过同一份内容在不同平台重新排版的痛苦，这个功能就很实用。
流式渲染 + 沙箱预览
生成过程中的体验同样重要。html-anything 采用了 SSE 流式渲染技术，让你能实时看到 AI 的创作过程。
你能看到页面被 AI 画出来的过程。发现方向不对可以马上中断、重新提示，避免浪费生成资源，也让创作过程更可控。
安全方面，所有生成的 HTML 都在沙箱 iframe 中进行预览，隔离本地存储和 Cookie。
快速上手
注意：本地至少需要安装一个支持的 AI CLI（如 Claude Code），且能正常使用。
- 克隆代码：
git clone https://github.com/nexu-io/html-anything - 安装依赖：
cd html-anything && pnpm install - 启动：
pnpm dev
浏览器打开 http://localhost:3000 就能看到入口界面。想看看每个模板长啥样，打开仓库里的 skills/ 目录，每个模板都有 example.html，双击就能看到效果。
当前局限
当然这个项目也不是完美的。目前有两个主要局限：
- 目前只能输出 HTML 和 PNG 格式。如果需要 PDF 或 PPTX，得依靠浏览器打印或第三方工具转换
- 修改内容需要通过 AI Agent 重新生成。没装过 AI CLI 的人上手门槛会偏高
HTML 还是 Markdown？
回到最初的话题——Anthropic 为什么选择 HTML？
社区里争议挺大。有人觉得 Markdown 够用了，简单直接，版本控制友好；也有人觉得 HTML 才是正解，排版自由，所见即所得。
两种观点都有道理。关键在于你所处的场景：
- 写笔记、做文档：Markdown 就够了
- 跨平台发布、需要精细排版：HTML 的优势就出来了
尤其是现在 AI 能帮你写 HTML，格式门槛已经不是问题了。当 AI 能一键生成专业 HTML 时，"写 HTML 太麻烦"这个理由就不成立了。
苏米注：我觉得 Anthropic 的选择反映了一个更大的趋势——AI 正在消除格式之间的壁垒。以前我们选择 Markdown 是因为写 HTML 太麻烦，但现在 AI 能直接写 HTML 了，为什么还要多一道转换？这个逻辑会越来越多地出现在其他领域：AI 写视频脚本、AI 写 PPT、AI 写 3D 模型……格式的选择会越来越靠近"最终输出"。
项目基于 Apache-2.0 协议开源，感兴趣的同学可以去 GitHub 仓库看看源码和文档。