如果你已经在用 Cursor、Claude Code 或 WorkBuddy 写代码，本机其实一直有一个随时待命的 AI Agent。HTML Anything 做的事情很巧妙——它不去自己调用 AI，而是直接复用你现有的 Agent。零额外 API Key，零额外费用，你装的 Agent 越多，可选方案就越丰富。
项目地址：
https://github.com/nexu-io/html-anything
https://open-design.ai/zh/html-anything/
核心体验：实时流式预览
左侧粘贴内容、选择模板，AI Agent 就会在右侧 iframe 里逐行渲染 HTML。你能亲眼看到每个 div 落地的过程，不满意随时中断重来。这种体验和传统「提交 → 等待 → 看结果」完全不同，更像是在和一位懂排版的设计搭档实时协作。
75 套模板 × 9 种输出表面
项目内置 75 套技能模板和 9 种输出表面：
- 想做杂志文章 → 给你 A4 长页专业排版
- 想做 Keynote 幻灯片 → 自带 20 种锁定布局，支持翻页和演讲者备注
- 想做社交分享 → 小红书卡片、推文卡片、轮播图一键生成
- 更酷的是 Hyperframes 视频帧模式，可直接对接 Remotion 渲染成 MP4
把「排版感」当一等公民
最打动我的是它对排版的认真程度。每个模板都自带设计系统定义：
- CJK 优先字体栈
- 8px 基线网格
- 对比度不低于 4.5
瑞士国际风格幻灯片采用 16 列网格 + 单一饱和强调色；归藏编辑风格则像印刷艺术杂志。这种把排版约束写进模板骨骼的态度，在 AI 工具里非常少见。
导出干净利落
- 微信用 CSS inline 处理，粘贴后不用重排
- 推文截图直接转 Clipboard 即可发送
- 知乎适配 LaTeX 公式
一切围绕「写完了就能发」设计。
项目来自 Open Design 团队（GitHub 40k Star），HTML Anything 是他们开源出来的独立工具，完全免费。只要本机装了任意 AI Agent CLI，就能直接跑起来。
🎯 核心亮点
- 复用本机 AI Agent，零额外 API Key 和费用
- 流式实时预览，看见 AI 逐行写 HTML 的过程
- 75 套模板 × 9 种表面，覆盖杂志、幻灯片、社交卡片、视频帧
- 排版约束内置在模板里：字体栈、基线网格、对比度，不是事后补救
- 一键导出微信、小红书、知乎、推文，写完直接能发
✨ 为什么值得关注
- 把 AI 写 HTML 从「交作业式黑箱」变成了「实时协作式编辑」
- 排版质量和设计约束不是插件，也不是 afterthought，而是模板的骨骼结构
- 完全开源免费，团队来自 Open Design（GitHub 40k Star），技术底子扎实
- 如果你已经在用 AI 编码工具，它就是零门槛的排版生产力放大器
一句话总结：已经有本地 AI Agent 的人，几乎没有理由不试一下。
文章评论