HTML Anything 是 nexu-io 开源的本地优先(local-first)AI HTML 编辑器:你只需提供 Markdown、CSV、Excel、JSON 或零散笔记,按下 ⌘+Enter,本地已登录的编码智能体就会把内容渲染成可直接发布的单文件 HTML。
项目简介
它不做模型、不卖 API,而是把你已经装好的 Claude Code、Cursor Agent、Codex、Gemini CLI、GitHub Copilot CLI、OpenCode、Qwen Coder、Aider、IBM Bob 等 9 款编码智能体 CLI 当作后端,通过 75 个可组合技能模板,输出 9 种常见“交付形态”:杂志文章、演示文稿、简历、海报、小红书卡片、推文卡片、网页原型、数据报告、Hyperframes 视频帧。生成结果支持一键粘贴到微信公众号、知乎、X / 微博 / 小红书,或下载 .html / .png。
安装要求与快速开始
环境要求
- Node.js ≥ 18,推荐安装
pnpm - 任意一款已登录的编码智能体 CLI(如
claude/cursor-agent/codex/gemini/copilot等) - 不需要额外 API Key,复用你已登录的会话
快速安装
git clone https://github.com/nexu-io/html-anything
cd html-anything
pnpm install
pnpm -F @html-anything/next dev
# → http://localhost:3000
启动后浏览器会自动扫描 PATH(包括 ~/.local/bin、/opt/homebrew/bin 等 GUI 应用常忽略的目录),并在顶部工具栏列出可识别的 CLI。选一个模板、贴入内容、⌘+Enter 即可。
核心功能
- 零 API Key:复用本地已登录的编码智能体会话,边际成本为 0。
- 9 大智能体自动检测:Claude Code、Cursor、Codex、Gemini、Copilot、OpenCode、Qwen、Aider、IBM Bob,顶部一键切换。
- 75 个技能模板:覆盖 prototype / deck / frame / social / office / doc / mockup / vfx 等模式,从 SaaS 落地页到财务报告、从瑞士国际主义幻灯片到 Hyperframes 视频帧都有现成模板。
- 9 种交付形态:杂志文章、演示文稿、简历、海报、小红书卡片、推文卡片、网页原型、数据报告、Hyperframes 视频帧。
- 实时 SSE 流式渲染:智能体输出 JSON-line,服务端转成 Server-Sent Events,浏览器实时追加到 iframe
srcdoc,像看 AI 打字一样看网页生成。 - 沙箱预览:用户 HTML 运行在
<iframe sandbox>中,脚本仍可执行,但 cookies/localStorage 与宿主隔离。 - 一键导出:juice 内联 CSS → 微信公众号 / 知乎;modern-screenshot 2× PNG → X / 微博 / 小红书;另可下载单文件 .html 或 .png。
典型使用场景
场景 1:公众号长文排版
写好 Markdown 初稿,选择 article-magazine 或 doc-kami-parchment 技能,智能体会自动套用 CJK 优先字体栈、8px 基线网格、对比度 ≥4.5 的配色,生成可直接粘贴到公众号编辑器的 HTML,无需二次调样式。
场景 2:小红书 / X 卡片
把一段金句或数据结论贴进去,选择 card-xiaohongshu 或 social-x-post-card 模板,即可生成 1080×1080 或 1600×900 的高清 PNG,复制后直接进入小红书 / X 发布界面,避免手动修图。
场景 3:投资人路演 PPT
输入产品要点,选择 deck-pitch、deck-swiss-international 或 deck-open-slide-canvas,自动产出 1920×1080 的横向幻灯片,支持键盘左右翻页、演讲者备注和 PDF 导出。
推荐理由
它是目前把“本地 AI 智能体”和“中文内容创作”结合得最顺手的开源工具之一:不绑 API、不抢隐私,复用你已经付费订阅的 Claude / Cursor / Copilot;针对微信公众号、知乎、小红书等中文平台做了专门适配,解决了 Markdown 转公众号格式崩坏、转小红书要手动修图的老大难问题;技能模板基于 SKILL.md 协议,新增模板只需复制一个文件夹、改一段 frontmatter,社区扩展门槛低。如果你平时需要大量产出图文、PPT、产品原型,把它接进工作流能省不少时间。
下载与资源
- GitHub 仓库:https://github.com/nexu-io/html-anything
- 在线介绍页:https://open-design.ai/html-anything/
- Stars:8,030+ | Fork:786 | License:Apache-2.0
- 主技术栈:Next.js 16 + React 19 + Tailwind v4 + TypeScript

