App HTML-Anything 让本地AI把任何内容排成可发布网页

Anthropic 的 Claude Code 团队宣布内部文档不再用 Markdown，直接产出 HTML，理由很直接：Markdown 对写的人友好，HTML 对读的人友好——版式归你控制、截图就能发推、粘进公众号不用重排。道理都懂，但让人手写 HTML 意味着 CSS、字体、栅格、响应式一大堆活，绝大多数人坚持不了三天。

HTML Anything 的定位就是补上这一环：你手头的本地 AI 智能体负责写 HTML，你只管发布。它是 open-design 团队推出的专注型智能体时代编辑器，本地优先、零 API Key，复用你已经登录的 CLI 会话，GitHub 上 9 千多 Star。

项目基本信息

一、项目介绍

HTML Anything 是一个运行在本地的智能体 HTML 编辑器。它启动时自动扫描 PATH 上的编码智能体 CLI——Claude Code、Cursor Agent、Codex、Gemini CLI、GitHub Copilot CLI、OpenCode、Qwen Coder、Aider、IBM Bob 共 9 种，复用你已登录的会话，不新增任何 API Key 和订阅成本。

内置 75 个可组合的技能模板，覆盖 9 种交付形态：杂志文章、主题演讲、简历、海报、小红书卡片、推文卡片、网页原型、数据报告、Hyperframes 视频分镜。每个模板都有锁定的版式规则——比如瑞士国际主义风格的 16 列栅格配单一高饱和强调色、电子油墨杂志排版的 10 种锁定布局配 5 套配色——保证产出「看起来是设计师做的」。

导出链路做了针对国内平台的适配：CSS 内联后可零重排粘进微信公众号，知乎公式自动转原生格式，还能一键导出独立 HTML 或高清 PNG。生成过程走 SSE 流式渲染，你能看着页面逐行成形。

二、核心优势

第一，零边际成本。不新增任何模型调用，靠你现有的 CLI 订阅干活，工具本身免费开源。

第二，反 AI 味的硬约束。每个技能模板内置 CJK 优先字体栈、8 像素基线网格、对比度不低于 4.5、必须用真实数据等硬规则，而不是靠提示词乞求。

第三，隐私本地化。CSV、Excel、JSON 数据全部在浏览器内解析，不上传；预览用沙箱 iframe 隔离，cookie 和 localStorage 与宿主隔离。

第四，流式可中断。生成过程中随时打断重提示，不用等一整轮失败的输出跑完。

三、适用场景

第一类是自媒体排版：公众号文章、小红书图文卡片、知乎回答，Markdown 扔进去选个模板，出来就是可发布的成品。

第二类是技术人的对外表达：周报、数据报告、简历、演讲稿，用设计感强的 HTML 替代素面朝天的 Markdown。

第三类是快速原型：网页原型模板直接产出可交付的单文件页面，拿去和客户或用户沟通。

四、安装教程

项目是标准的 Next.js 应用，本地跑起来：

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

需要 Node.js 和 pnpm 环境。Web 层也可以部署到 Vercel，但注意智能体始终运行在你本地，云端只承担界面部分。

常见报错：pnpm: command not found 先执行 npm i -g pnpm；启动后检测不到智能体 CLI，检查 claude、codex 等命令在终端里能否直接运行——工具会额外扫描 ~/.local/bin、~/.bun/bin、/opt/homebrew/bin 等目录，但 CLI 必须已登录；生成时卡住无输出，确认对应 CLI 的订阅或额度还有余额。

五、使用示例

启动后在顶部栏确认检测到的 CLI，左侧编辑区粘贴内容。以公众号推文为例：

# 为什么我不再用 Markdown 写对外文档

Markdown 对写的人友好，HTML 对读的人友好……

- 版式归你控制
- 截图即成图

选 doc 模式下的暖纸羊皮纸模板，点生成，右侧预览实时流出排版完成的页面：衬线标题、墨蓝强调色、8 像素基线对齐的正文。完成后点「导出」，CSS 已内联的 HTML 粘进公众号编辑器，格式原样保留，不用再手动调样式。同一份内容换 deck 模式的瑞士国际主义模板，几十秒后就是一套 22 种锁定布局的演示页。

六、常见问题

需要单独付费吗？不需要，开源工具加你已有的智能体订阅。

支持哪些输入格式？Markdown、CSV、TSV、JSON、SQL 和纯文本都会自动识别，表格数据在浏览器本地解析。

和 open-design 什么关系？同一团队，html-anything 是专注 HTML 编辑器的轻量版本，open-design 是完整的协作式 AI 设计工作区。

七、总结

HTML Anything 把「写 HTML」这个环节完整交给了本地智能体，自己只做好模板、导出和隔离三件事。对经常需要把内容变成好看页面的开发者来说，它几乎是在白嫖你已有的订阅。想体验的先跑本地版本，十分钟就能看到第一个成品。