Apache 2.0 · 开源 · 本地优先

AI 帮你写
能直接发的 HTML

Markdown 是草稿。HTML 才是人类读的。你的本地 AI agent 写它，你一键发出。

开始使用 → 看看怎么用

支持的 AI Agent

🤖 Claude Code 🤖 Codex 🤖 Gemini CLI 🤖 Copilot 🤖 Cursor 🤖 OpenCode 🤖 Qwen Coder 🤖 Aider

html-anything — localhost:3000

$ pnpm dev

▲ Next.js 16 — Turbopack

✓ ready started server on http://localhost:3000

✓ auto-detected claude ✓

✓ 75 skills loaded

❯ 输入: "介绍这个项目的 landing page"

→ 正在生成 HTML ...

→ 输出: 1440×900 · SaaS Landing · 已就绪

⌘+C 复制 · ⌘+S 下载

为什么用 HTML Anything？

不用再手动调 CSS 了。你的本地 AI agent 直接生成能发出去的 HTML。

🔑

零 API Key

直接复用你已登录的 CLI session（Claude login / Codex / Gemini auth），不额外花钱。

🎨

75 个设计模板

杂志 / Deck / 海报 / 小红书卡片 / 数据报告 / 网页原型 … 每个都有硬设计约束，不是 AI 垃圾。

📤

一键导出

WeChat / X / 知乎 / 小红书 — 粘贴即用。或者下载 .html / .png，哪儿都能发。

🛡️

沙箱预览

iframe sandbox 隔离，生成的 HTML 看不到你的 cookie 和 localStorage，安全可靠。

⚡

流式渲染

SSE 流式输出，边生成边预览。不满意随时打断重来，不浪费一次完整生成。

📋

格式自动识别

Markdown / CSV / TSV / JSON / SQL / 纯文本 — 粘贴即解析，表格数据浏览器端处理，不上传。

三步上手

从零到发出，只需一分钟

安装 & 启动

git clone → pnpm install → pnpm dev

自动检测你 PATH 里的所有 AI CLI

选模板 → 贴内容

75 个模板随便挑。贴你的 Markdown / CSV / 随便什么，按 ⌘+Enter

预览 → 发出

实时看 AI 写 HTML，满意了一键发到 WeChat / X / 知乎 / 小红书，或者下载 .html / .png

75 个技能模板

覆盖 9 种输出格式，每个都有硬设计约束

📖

杂志文章

长文排版，衬线字体，编辑级排印

🎬

Keynote Deck

20 种 deck 风格，Swiss / Guizang / 小红书 / Cyber …

🖼️

海报

新闻纸风、英雄海报、杂志封面

📱

小红书 / 推特卡片

社交平台适配，一键粘贴

🛠️

网页原型

SaaS Landing / Dashboard / 定价页 / 文档站

📊

数据报告

CSV/Excel → 可视化报表，纯前端处理

🎞️

Hyperframes 视频帧

交给 Remotion 渲染成 .mp4

📄

办公文档

PM 文档 / OKR / 周报 / 发票 / HR 手册

🎨

VFX 动效帧

Glitch 标题 / 光标打字 / 光泄漏开场

开始用 AI 写 HTML

不需要 API Key，不需要注册。一个命令启动，你的本地 agent 帮你干活。

git clone https://github.com/nexu-io/html-anything && cd html-anything && pnpm install && pnpm dev GitHub 上查看 →

常见问题

需要 API Key 吗？

不需要。HTML Anything 复用你已在终端登录的 AI CLI session（Claude Code / Codex / Gemini / Copilot 等），不额外收费。

数据会上传吗？

不会。CSV/Excel/JSON 等文件都在浏览器端用 papaParse + xlsx 解析，不上传任何数据。Agent CLI 在本地运行，你的内容不出你的机器。

能部署到 Vercel 吗？

可以。Web 层可以一键部署到 Vercel，但 agent 始终在你本地运行。前端 UI 部署到线上，Agent CLI 还是走你本地的 session。

和 Open Design 什么关系？

同一个团队。Open Design（40k+ stars）是规模化的设计系统，HTML Anything 是专注 AI agent 时代的 HTML 编辑器。Agent 检测层和 SKILL.md 协议都来自 Open Design。

我能自己加模板吗？

可以。在 src/lib/templates/skills/ 里加一个文件夹，写 SKILL.md + example.html，重启就出现在选择器里。

AI 帮你写 能直接发的 HTML