Anthropic 的 Claude Code 团队公开宣布：内部文档已经不再写 Markdown，全部改用 HTML。

理由很直接——Markdown 是给写作者准备的中间态，HTML 才是读者最终看到的东西。排版、布局、视觉层次，Markdown 里全靠渲染器的脸色；HTML 里你自己说了算。截图发到推特不会丑，贴进微信公众号不用重排。

问题在于：写 HTML 意味着写 CSS、调字号、对网格、做响应式。大多数开发者不想碰这事，设计师没空做，写文章的人更没这个耐心。

nexu-io/html-anything ^[1] 就是冲着这个问题来的。

项目卡片

• 项目 ：html-anything ^[2]

• 状态 ：v0.1.0 / 5.8k★ / 创建于 2026-05-11，3 周内快速增长

• 一句话判断 ：不造 Agent、不收 API 费，把你已有的编程 Agent 接入编辑器，75 个模板覆盖 9 种内容形态

一句话讲清楚它做了什么

检测你本地已登录的 AI 编程工具，用它生成可直接发布的 HTML 页面。

打开浏览器，左侧编辑器里粘贴内容（Markdown、CSV、Excel、JSON、纯文本都行），中间选一个模板，按 ⌘+Enter，右侧的 iframe 里就能实时看到页面一行行渲染出来。生成完毕后，一键导出到微信公众号、X、知乎，或者下载独立的 .html / .png 文件。

不需要输入任何 API Key。它复用你已经 claude login 或 cursor login 好的会话，边际成本是零——这一点我一开始没太注意，后来才意识到这意味着它完全绕过了"又一个 AI SaaS 订阅"的问题。

8 个 Agent，零配置切换

项目目前支持 8 个主流编程 Agent CLI：Claude Code、Cursor Agent、OpenAI Codex、Gemini CLI、GitHub Copilot CLI、OpenCode、Qwen Coder、Aider。

启动时自动扫描 PATH （包括 ~/.local/bin 、 ~/.bun/bin 、 /opt/homebrew/bin 等通常被 GUI 程序漏掉的目录），顶部栏直接显示哪些 Agent 可用。每个 Agent 对应一个 adapter，在
next/src/lib/agents/argv.ts 里定义了检测命令、参数构建、stdin/stdout 协议和流解析方式。你想用哪个就点哪个，不需要额外配置。

这个定位很务实：你已经有 Claude 订阅就用 Claude，有 Cursor 订阅就用 Cursor。html-anything 不提供模型，不收 API 费用，边际成本是零。它只做编辑器和导出这两件事。

75 个模板，覆盖 9 种内容形态

模板是 html-anything 最有分量的部分。75 个 skill 模板覆盖 9 种输出形态：

• 杂志文章 ：长图文排版，A4 纵向布局

• 演示文稿 ：20 种 PPT 风格，包括瑞士国际主义、归藏编辑风、小红书粉彩等

• 海报 ：报纸大报风格、营销海报

• 社交媒体卡片 ：X/Twitter 引用卡、小红书图文卡、Reddit 帖子卡

• Web 原型 ：SaaS 落地页、仪表盘、技术文档页

• 数据报告 ：CSV/Excel 自动转可视化图表报告

• 视频分镜 ：兼容 Hyperframes 规范的分镜脚本，可导出到 Remotion 渲染 mp4

• 办公文档 ：PM 需求文档、会议纪要、周报、OKR、发票

• 简历 ：A4 格式现代简历

每个模板不是简单的 prompt，是一整套硬约束：CJK 优先的字体栈（Noto Sans/Serif SC + Inter）、8px 基线网格、圆角阴影替代纯黑白、色彩对比度 ≥ 4.5、必须使用用户真实数据不许编造。这些约束写在每个 skill 的 SKILL.md frontmatter 里，AI 生成时会遵循。自己加模板也简单——复制一个类似的 skill 文件夹，改 SKILL.md ，重启 dev server 就能用了。

这个思路来自 alchaincyf/huashu-design 的反 AI 糊弄策略——用严格的规则把 AI 的输出范围锁住，而不是让它自由发挥然后祈祷结果好看。75 个模板的质量上限取决于你的 Agent 模型能力，但至少底线是统一的。

一键导出才是真正省时间的地方

生成页面只是开始。真正让我觉得"值得装"的，是导出环节。

微信公众号的编辑器对 HTML 格式非常挑剔。 juice 库把所有 CSS 内联到标签上，加上 data-tool 标记，粘贴进去后样式完整保留，不需要手动调整格式。

X 和小红书走的是另一条路： modern-screenshot 把 iframe 渲染成 2 倍 DPI 的 PNG，通过 ClipboardItem 直接放进剪贴板，粘贴到发布编辑器就行。

知乎的 LaTeX 公式需要特殊处理—— 被替换成 data-eeimg 图片占位符，上传后公式才能正常渲染。

这些平台适配细节，单独处理每一个都很烦。html-anything 把它们全部做成了按钮。

不过我需要指出：模板质量上限取决于你用的 Agent 模型。同一个 prompt，Claude Sonnet 和入门模型输出的质量差距是肉眼可见的。这不是工具的问题，是底层模型的差异。

实际使用体验

上手路径非常短：

git clone https://github.com/nexu-io/html-anything
cd html-anything
pnpm install
pnpm -F @html-anything/next dev
# → http://localhost:3000

打开浏览器后，顶部栏会自动显示你本地安装的 Agent CLI。选一个模板，粘贴内容，⌘+Enter 生成。整个过程不到 30 秒就能看到第一个成品。

SSE 流式渲染是体验上的一个亮点：你不需要等生成完毕才看结果，页面是一行行实时渲染出来的。不满意随时中断重发，不会浪费一次完整生成的费用。

安全方面也做了考虑：用户生成的 HTML 始终在 里运行，Tailwind CDN 和 Google Fonts 等第三方脚本能正常加载，但 cookies 和 localStorage 被隔离在 iframe 内部，不会污染宿主页面。

值得关注什么，需要警惕什么

值得关注的：

html-anything 的价值不在于技术有多复杂，而在于它把一个分散的工作流整合成了闭环。以前你可能用 Markdown 写内容、用 mdnice 排版微信、用截图工具导出 X、手动处理知乎的公式格式。现在这些步骤被压缩成一步。

75 个模板的设计质量不低。归藏 PPT 风格和 Swiss International 风格直接从 op7418/guizang-ppt-skill 原样引入，保留原始 LICENSE 和署名；Kami 文档风格来自 tw93/kami。这不是从零造轮子，而是在已有的优秀设计基础上标准化。

"不造 Agent、不收 API 费、复用已有会话"这个定位很聪明。它避免了和 Agent 提供商竞争，只做编辑器和导出。目前是 Apache-2.0 开源，本地部署或部署到 Vercel 都行。

需要警惕的地方：

项目创建于 2026 年 5 月 11 日，至今不到一个月。当前 v0.1.0，核心闭环能跑通，但多模板对比预览、Hyperframes 导出 mp4 等功能还在开发中。

完全依赖本地 Agent CLI，意味着如果你没有安装任何编程 Agent，这个工具无法独立使用。它是一个本地开发工具，不是在线服务。

此外，Next API 层的安全模型假设单用户单机使用—— /api/convert 用最大权限 spawn CLI，虽然 Host header 校验防了 DNS rebinding，但如果通过反向代理暴露到公网且没有配好
HTML_ANYTHING_ALLOWED_HOSTS ，风险会上升。普通本地使用没有问题。

适合谁用

这三类人最值得试：

• 内容创作者 ：经常往微信公众号、知乎、X 多个平台分发内容，每次都要重复排版的人。html-anything 能把"写完 → 排版 → 导出"压缩成一步。

• 使用编程 Agent 的开发者 ：已经在用 Claude Code、Cursor 等工具的人，边际成本几乎为零。打开编辑器，选模板，生成，导出。

• 需要快速出方案的设计师/产品经理 ：不想花时间在排版上，但又需要输出高质量文档、演示文稿或海报的人。

html-anything 不是一个颠覆性的技术，但它解决了一个真实存在的碎片化问题：从"写完"到"发出去"之间的最后一公里。如果你正好在这条路上走得磕磕绊绊，它值得一试。

如果你想继续看这类 AI 工具拆解，我会把上手路径、关键限制和可复用配置整理成清单，方便你直接判断值不值得试。

引用链接

[1] nexu-io/html-anything: https://github.com/nexu-io/html-anything

[2] html-anything: https://github.com/nexu-io/html-anything