html-anything：让 AI 代理把 Markdown、CSV、Excel 变成精排 HTML，支持一键发布微信公众号

做内容的站长经常遇到一个问题：写好的 Markdown 或数据报告，想发到微信公众号、知乎、小红书等平台时，排版总是对不上。html-anything 是一个开源的”AI 代理 HTML 编辑器”，它能让你本地的 AI 编程代理（Claude Code、Cursor、Codex 等）把任何格式的输入变成可发布的精排 HTML。

项目基本信息

• 项目地址：github.com/nexu-io/html-anything
• Star 数：2700+
• 开源协议：Apache 2.0
• 创建时间：2026年5月
• 背后团队：Open Design（4万 Star，200+ 贡献者）

核心功能

html-anything 的理念是：”Markdown 是草稿，HTML 才是人读的。你的本地代理来写。”

它支持 8 种 AI 代理 CLI和 75 个可组合的模板，覆盖 9 种输出形式。

支持的 AI 代理（8 种）

Claude Code · Cursor Agent · OpenAI Codex · Gemini CLI · GitHub Copilot CLI · OpenCode · Qwen Coder · Aider —— 自动检测 PATH 中已安装的代理，零 API Key 需求（复用已有的登录会话）。

9 种输出形式

• 📖 杂志文章
• 🎬 演示幻灯片
• 📄 简历
• 🖼️ 海报
• 📱 小红书卡片
• 🐦 推文卡片
• 🛠️ Web 原型
• 📊 数据报告
• 🎞️ Hyperframes 视频

75 个模板分类

• Prototype（21个）：Web、SaaS 落地页、仪表盘、博客、移动端、简历、海报等
• Deck（20个）：瑞士国际风、藏风编辑、小红书粉彩、赛博风、Replit 风等
• Frame/VFX/Mockup（12个）：液态英雄、NYT 数据图表、故障标题、电影光效等
• Social（8个）：X 帖子、Spotify、Reddit、小红书、轮播图等
• Office/Doc（14个）：PM 规格文档、OKR、会议记录、财务报告、发票、看板等

一键导出目标

• 微信公众号：CSS 内联化，粘贴到公众号编辑器后零格式错乱
• X / 微博 / 小红书：自动截图 2x PNG 复制到剪贴板
• 知乎：LaTeX 图片占位符自动转换
• 下载：独立 .html 或高 DPI .png

安装和使用

git clone https://github.com/nexu-io/html-anything
cd html-anything
pnpm install
pnpm dev
# 打开 http://localhost:3000

启动后，在界面中选择输入格式（Markdown/CSV/Excel/JSON/SQL/纯文本），选择目标形式和模板，点击生成即可。AI 代理会在本地执行，生成的 HTML 在沙盒 iframe 中实时预览。

技术架构

• 前端：Next.js 16 + React 19 + Tailwind v4 + Zustand
• 服务端：SSE 流式渲染，agent 通过 JSON-line 协议通信
• 浏览器端：juice（CSS 内联）、modern-screenshot（截图）、xlsx/papaparse（表格）、DOMPurify（XSS 防护）
• 预览：iframe 沙盒（cookies/localStorage 隔离）

适合谁

• 需要频繁发布排版内容到微信公众号、小红书的内容创作者
• 需要快速生成演示文稿或数据报告的运营人员
• 想用 AI 把 Markdown 笔记变成精美 HTML 的技术博主
• 需要 Web 原型快速出图的设计师和产品经理

注意事项

• 需要本地安装至少一个 AI 代理 CLI（如 Claude Code）
• 代理始终在本地执行，不会上传代码到外部
• Hyperframes → .mp4 导出尚未完成
• 多模板对比预览仍在开发中

来源：GitHub – html-anything