HTML Anything — 你的本地 AI Agent 写 HTML，你负责发布.

为什么需要它

工作流程

1. 01

   放入输入内容

   支持 Markdown、CSV、TSV、JSON、SQL、Excel 或纯文本。表格数据在浏览器内通过 papaparse 和 xlsx 解析，内容不会离开你的电脑。

   

2. 02

   选择 Skill，由 Agent 渲染

   从 75 个 SKILL.md 模板中选择一个。你已经登录的本地 CLI 会通过 SSE 把 stdout 直接流进沙盒 iframe，可以实时看到布局生成。

   

   

3. 03

   导出到目标渠道

   一键导出到微信 MP、X / 微博 / 小红书、知乎、独立 HTML 或 2× PNG。输出是可发布成品，不是起手架。

   

示例

HTML Anything 开箱即用的输出示例。每个卡片都对应 registry 里的真实 Skill，可以 fork 文件夹、替换内容、直接导出。

页面之外的两种形态

HTML Anything 也覆盖演示文稿式 deck 和可交给视频流水线的 storyboard frames。

九种内容形态

每种形态都是一组策划过的布局家族，按最终发布渠道选择即可。

• 杂志文章 带首字下沉和引文的长篇编辑式版面。
• Keynote deck 带编辑式封面和 Swiss-grid 变体的演示文稿。
• 简历 一页式 CV，强调可打印的字体层级。
• 海报 新闻纸风格海报，用网格突出一个核心观点。
• 小红书卡片 适合信息流的竖版 3:4 卡片。
• Tweet 卡片 按 X / 微博比例导出 2× PNG。
• 网页原型 可运行的 landing page 或产品页草图。
• 数据报告 表格数据一键变成带注释的 dashboard。
• Hyperframes 视频 可交给 Remotion 的 storyboard frames。

自动识别八种 coding agent

HTML Anything 复用你机器上已有的 CLI 登录态。不需要额外账号，也不需要额外 API key。

• Claude Code
• Cursor Agent
• OpenAI Codex
• Gemini CLI
• GitHub Copilot CLI
• OpenCode
• Qwen Coder
• Aider

导出目标

微信 MP

通过 juice 内联 CSS，可直接粘贴到编辑器。

X / 微博

通过 modern-screenshot 生成 2× PNG，并可复制到剪贴板。

小红书

按信息流尺寸导出竖版卡片。

知乎

LaTeX 公式会渲染为图片占位。

独立 HTML

单文件下载，自包含，无外部资源路径。

高 DPI PNG

2× 渲染，适合高清截图。

快速开始

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

Agent 在你的电脑本地运行。Next.js 外壳也可以部署到 Vercel，但渲染循环仍留在本地。

路线图