🎨 HTML Anything：2.3k Stars 的 Agentic HTML 编辑器，让 AI 帮你写可直接发布的网页，不用重新排版 / HTML Anything: 2.3k Stars Agentic HTML Editor — Your Local AI Agent Writes Ship-Ready HTML, Zero Re-Formatting
项目地址：nexu-io/html-anything | ⭐ 2,347 Stars | 🛠 HTML / TypeScript | 👥 nexu-io（Open Design 团队）
老实说，用 AI 写文档这件事已经没什么好争的了。但有个问题一直没解决：Markdown 写起来爽，发出去丑。微信公众平台不支持 Markdown，知乎的富文本编辑器会吃掉格式，X/Twitter 你甚至只能贴截图。结果就是——你在 AI 对话里写得漂漂亮亮的内容，往平台上一贴，全毁。
HTML Anything 就是来解决这个问题的。 它是一个本地运行的 Agentic HTML 编辑器，装好之后你不需要手写一行 CSS。贴内容 → 选模板 → ⌘+Enter，你的本地 AI Agent（Claude Code / Codex / Gemini CLI 等 8 种任选）直接生成一份可以直接发布的 HTML 文件，一键贴到微信 / X / 知乎，格式不改。
🔧 装起来，30 秒
这是最骚的操作——不需要配 API Key，不需要注册账号：
git clone https://github.com/nexu-io/html-anything
cd html-anything
pnpm install
pnpm dev
# → 浏览器打开 http://localhost:3000
启动后顶部工具栏会自动扫描你 PATH 里已经登录的 Coding Agent CLI——Claude Code、OpenAI Codex、Cursor Agent、Gemini CLI、GitHub Copilot CLI、OpenCode、Qwen Coder、Aider，扫到了就直接用。你之前 claude login 过的 session，HTML Anything 直接复用，边际成本为 $0。
🎯 75 个模板 × 9 种输出格式
选模板的时候你能看到 75 个预先设计好的技能模板，覆盖 9 种表面：
- 📖 杂志文章 — 长篇样式，适合公众号 / 知乎
- 🎬 Keynote 幻灯片 — 20 种风格（瑞士国际风、Guizang 杂志墨水风、Hermes 赛博风...）
- 🖼️ 海报
- 📱 小红书 / X 卡片
- 🛠️ Web 原型 — SaaS landing、定价页、Dashboard
- 📊 数据报告 — CSV / Excel 丢进去自动变图表
- 🎞️ Hyperframes 视频帧 — 导出给 Remotion 渲染成
.mp4
每个模板都是设计好的——CJK 优先的字型栈（Noto Sans/Serif SC）、8px 基线网格、对比度 ≥ 4.5、不允许 lorem ipsum 假数据。AI 生成的每一份输出都是可直接发布的质量。
🚀 怎么用
贴内容进去（Markdown / CSV / JSON / SQL / 纯文本都行），选模板，按 ⌘+Enter：
# 你也可以直接用 CLI 调用
# 在编辑器里贴内容，选 deck-hermes-cyber 模板
# ⌘+Enter → 等 10 秒 → 一份可直接发的 HTML 出来了
最实用的功能是一键导出：
| 平台 | 方式 |
|---|---|
| 微信公众平台 | juice 内联 CSS → 粘贴进编辑器，样式全保留 |
| X / 微博 / 小红书 | modern-screenshot 渲染成 2× PNG → 直接粘贴到发布框 |
| 知乎 | 同上 + LaTeX 公式自动转图片占位符 |
| 下载 | 独立 .html 或高清 .png |
踩过的坑都是泪——以前每次发公众号都要手动调格式，调 20 分钟是常事。这玩意儿直接把这步省了。
⚡ 跟 Open Design 什么关系？
HTML Anything 是 nexu-io 团队（也就是 Open Design 40k Stars 的那个团队）出的新项目。底层借用了 Open Design 的 agent 检测层、设计系统模型和 SKILL.md 协议。可以理解成 Open Design 的「发布端」——Open Design 管怎么设计，HTML Anything 管怎么发出去。
💡 几个让我觉得"这思路对了"的设计
- 不自己造 Agent — 你电脑上已经装好 Claude Code / Codex 了，直接复用
- 硬约束写在模板里 — 每个模板的 SKILL.md 写死了 CJK 字型、8px 网格、对比度要求，AI 没法自由发挥出丑东西
- 流式渲染 — SSE 实时看到 AI 在画，不满意随时中断重来
- 沙箱 iframe — 生成的 HTML 在隔离沙箱里预览，不会污染宿主页面
总结
- HTML Anything 让 AI 写的不再是 Markdown 草稿，而是可直接发布的 HTML
- 零 API Key 配置，复用你已有的 Coding Agent 登录会话
- 75 个设计好的模板，覆盖杂志、幻灯片、社交卡片、Web 原型、视频帧等 9 种输出
- 一键导出到微信 / X / 知乎，不再需要二次排版
- 由 Open Design 团队维护，Apache-2.0 开源
适合的人群：所有用 AI Coding Agent 写东西、然后需要发到各平台的开发者。别问为啥不用 Markdown 硬贴了——HTML Anything 装好之后，你就再也不会想回到「Markdown 写好→手动排版→截图→粘贴」那个流程了。
English Summary:
HTML Anything is an agentic HTML editor that runs locally and lets you generate ship-ready HTML directly from your AI coding agent. Unlike Markdown, which requires manual re-formatting for every platform (WeChat, Zhihu, X/Twitter), HTML Anything produces single-file HTML that pastes cleanly everywhere.
- Zero API key setup — reuses your existing Claude Code / Codex / Gemini CLI session
- 75 skill templates × 9 output surfaces (magazine, deck, poster, social card, web prototype, data report, Hyperframes video)
- One-click export to WeChat / X / Zhihu / standalone
.html/ high-DPI.png - Sandboxed iframe preview with SSE streaming — watch the AI draw in real time
- 2.3k Stars in days — from the nexu-io team behind Open Design (40k Stars)
git clone https://github.com/nexu-io/html-anything
cd html-anything
pnpm install && pnpm dev