前阵子，Claude Code 核心团队成员发了条推文，说他们内部已经不用 Markdown 写文档了——全部直接出 HTML。理由很简单：Markdown 是写的时候用的，HTML 是读的时候用的。
这句话火了。紧接着，Tom Huang 在一条推文中正式开源了 html-anything——一个"Agent HTML 编辑器"，让你的本地 AI Agent 能把任何内容（Markdown、CSV、Excel、JSON、SQL、笔记）直接变成可发布的单文件 HTML。
Markdown 是草稿。HTML 才是人类真正阅读的东西。你的本地 Agent 来写它。
为什么是 HTML？
这件事的逻辑其实很直白：
| Markdown | HTML |
|---|---|
| 对写的人友好 | 对读的人友好 |
| 排版受限于渲染器 | 排版完全自由 |
| 截图到推文里很难看 | 本身就像设计过的图片 |
| 发到公众号/知乎需要重新排版 | 一键转换格式直接发 |
但"写 HTML"对大多数人来说意味着写 CSS、选字号、做响应式适配——没人愿意干这个。html-anything 的做法是：你输入内容，按 ⌘+Enter，你的本地 AI Agent 在几秒内生成一个可以发布的 HTML 文件，然后一键发到微信公众号、X、知乎，或者下载 .html / .png。
几个值得注意的点
- 零 API Key — 复用你已经登录的 Agent CLI 会话（Claude / Cursor / Codex / Gemini 等），边际成本为零。
- 8 种 Agent CLI — Claude Code、Cursor Agent、Codex、Gemini CLI、Copilot CLI、OpenCode、Qwen Coder、Aider，启动时自动检测。
- 75 个技能模板 — 覆盖杂志文章、演示文稿、海报、小红书卡片、推文卡片、Web 原型、数据报告、Hyperframes 视频等 9 种输出形式。
- 一键导出 — 微信公众号（juice 内联 CSS）、X/微博/小红书（PNG 截图）、知乎（LaTeX 图片占位符）、下载 HTML 或 PNG。
架构：不造轮子，站在巨人肩上
html-anything 没有自带 Agent。它启动时扫描 PATH，发现你已经安装并登录了哪些 CLI，然后直接调用它们。整个检测模型来自 nexu-io/open-design（同样是他们团队的项目，已接近 40k Stars）。
工作流程很简单：
- 浏览器（Next.js）检测已安装的 CLI
- 选模板 → 粘贴内容 → 按 ⌘+Enter
- SSE 流式生成 → iframe 实时预览
- 一键导出到目标平台
生成过程是 SSE 流式的——你能看着 HTML 一行一行渲染出来，不满意随时打断，不会浪费一次完整的生成。
75 个技能，9 种输出形式
技能库是项目的核心杠杆。每个技能就是一个文件夹，遵循 Claude Code 的 SKILL.md 约定，包含模板说明、硬约束和示例 HTML。添加新技能只需要丢一个文件夹进去。
输出形式一览
| 形式 | 技能数 | 例子 |
|---|---|---|
| Web 原型 | 约 20 | SaaS 落地页、仪表盘、博客、移动端原型 |
| 演示文稿 | 20 | 瑞士国际风格、归藏编辑风、Hermes 赛博风 |
| 视频帧 / VFX | 12 | 流体背景、NYT 风格图表、故障标题 |
| 社交卡片 | 8 | X 推文卡、小红书卡片、Reddit 帖子卡 |
| 办公文档 | 15+ | PM 需求文档、OKR、周报、会议纪要 |
硬性约束：防止 AI 放飞自我
每个 SKILL.md 都硬编码了一套反"AI 味"的设计约束：
- CJK 优先字体栈 — Noto Sans/Serif SC、Source Han 系列
- 8px 基线网格 — 所有间距、行高、字号都是 8 的倍数
- 圆角 + 柔和阴影 + 无纯黑/纯白 — 视觉去 AI 化
- 对比度 ≥ 4.5 — 每个交互元素都有真实的 focus 状态
- 必须使用用户的真实数据 — 禁止 lorem ipsum 占位
这套约束来自 alchaincyf/huashu-design 的"初级设计师模式"和反 AI 滥用清单。约束写进 prompt 里，模型就没法自由发挥了。
快速上手
git clone https://github.com/nexu-io/html-anything cd html-anything pnpm install pnpm dev # → http://localhost:3000打开浏览器后，顶部栏会自动检测已登录的 CLI，选模板，粘贴内容，按 ⌘+Enter 即可。不需要 API Key。
项目背景
html-anything 由 Tom Huang 所在的 nexu-io 团队开发，该团队还维护着几个项目：
- open-design — 本地优先的 Claude Design 替代方案，接近 40k Stars
- nexu — AI Agent 桌面客户端，桥接微信、飞书、Slack、Discord
- looper — AI 编程 Agent 自主开发团队
html-anything 建立在 open-design 的 Agent 检测层、设计系统模型和 SKILL.md 协议之上，可以理解为 open-design 生态中面向"最终输出形式"的一环。
我的看法
Markdown 到 HTML 的转换工具不新鲜了——markdown-nice、huashu-md-html 都做过类似的事。html-anything 的不同之处在于它把 Agent CLI 变成了第一公民：不需要额外的 API Key，不需要配置，不需要你懂 CSS，你的 Agent 直接生成最终可读的形式，然后一键发到目标平台。
微信公众号编辑器一直是痛点。用 juice 内联 CSS 来解决格式兼容，这个思路来自 mdnice/markdown-nice，html-anything 把它集成到了 Agent 生成的流程里。对于需要在多个平台发内容的人来说，这省去了每次手动排版的麻烦。
当然，项目还比较早期。多模板对比、Hyperframes 直接导出视频、浏览器扩展等功能都在路上。但闭环已经跑通了——检测 Agent → 选技能 → 流式渲染 → 沙盒预览 → 一键导出，全链路可用。