📅 2026年5月16日 | 👤 AI科技观察 | ⏱️ 阅读约7分钟 | 🏷️ HTML Anything · 开源工具 ·
|
🎨 HTML Anything让AI Agent替你写HTML，30秒出稿直接发8种AI编程CLI自动识别 · 75个技能模板 · 9种交付形态零API Key · 本地运行 · 一键发微信/X/知乎 🔑 零API Key🛡️ 沙箱预览📤 一键导出⚡ 30秒出稿 |
你有没有这种感觉——写公众号、做PPT、发小红书，内容想好了，但排版永远是最耗时的环节？Markdown写起来爽，但发出去丑；手动调CSS又费时间，最后还是截图了事。
Anthropic的Claude Code团队已经不写Markdown了，他们直接发HTML。 理由很简单：Markdown对写作者友好，HTML对阅读者友好。在AI Agent时代，既然你已经不手动写文档了，输出格式就该是读者真正想要的——HTML。 |
HTML Anything 是 nexu-io 团队（Open Design 同一团队，40k⭐ 200+贡献者）推出的Agentic HTML编辑器。核心理念：Markdown是草稿，HTML才是终稿。你的本地AI Agent负责写HTML，你负责发出去。
简单说就是：输入任何内容（Markdown / CSV / Excel / JSON / SQL / 纯文本），按 ⌘+Enter，AI Agent秒级生成一个可直接发布的单文件HTML，然后一键发到微信、X、知乎，或下载 .html / .png。
启动时自动扫描你的 PATH，识别已安装的AI编程CLI，无需额外配置。你在哪个Agent上登录了，就直接用哪个的session，零API Key。
🟣 Claude Code🔵 Cursor Agent🟢 OpenAI Codex🟡 Gemini CLI⚫ Copilot CLI🟠 OpenCode🔴 Qwen Coder⚪ Aider
💡 扫描范围包括 ~/.local/bin、~/.bun/bin、/opt/homebrew/bin、~/.npm-global/bin——GUI启动的Node进程通常找不到的路径，它都覆盖了。 |
不是只能做一种东西。HTML Anything 支持9种交付形态，每种都有多个精选模板可选：
📖 杂志文章🎬 演示文稿📄 简历🖼️ 海报📱 小红书卡片🐦 推文卡片🛠️ Web原型📊 数据报告🎞️ Hyperframes视频
精选模板一览：
| 16列网格 + 克莱因蓝/柠檬/薄荷/安全橙，22种锁定布局 | |
| 超大衬线标题 + 双栏正文 + 奶油底纹，像印刷品 |
| 6-10帧1920×1080分镜脚本，可直接喂给Remotion渲染 | 光标"打字"效果 + 品红×青色轨迹 + 光泄漏，电影级开场 |
| 维度 | Markdown | HTML Anything |
|---|
| | ✓ 阅读者 |
| | ✓ 完全自由 |
| ✗ 丑 | ✓ 已是设计图 |
| ✗ 需手动重排 | ✓ 一键格式转换 |
| ✗ 受限 | ✓ 完整HTML能力 |
| ✗ 不支持 | ✓ 原生支持 |
| 1SSE流式渲染 — Agent输出JSON-line流，实时解析文本增量，iframe srcdoc实时更新，生成过程像看AI打字一样 |
| 2沙箱预览 — iframe sandbox隔离运行，Tailwind CDN / Google Fonts / 内联脚本正常工作，但cookie和localStorage与宿主隔离 |
| 3格式自动检测 — 输入Markdown / CSV / TSV / JSON / SQL / 纯文本，papaparse + xlsx浏览器端解析，零上传 |
| 4CSS内联导出 — juice内联CSS → 微信粘贴零格式丢失；modern-screenshot渲染2×高清PNG → 直接拖进推文编辑器 |
| 5知乎公式兼容 — mjx-container → data-eeimg占位符 → 知乎方程自动渲染 |
| 6Agent热切换 — 顶栏选择器，随时切换8种CLI，哪个响应快用哪个 |
| git clonenexu-io/html-anything | → | | → | |
| # 克隆项目git clone https://github.com/nexu-io/html-anything.gitcd html-anything# 安装依赖pnpm install# 启动开发服务器pnpm dev |
💡 前提：你需要至少安装一个AI编程CLI并已登录（如 claude login 或 cursor login）。Agent始终运行在你本地，网页层可选部署到Vercel。 |
也可以部署到Vercel——只需部署Web层，Agent始终在你笔记本上运行，数据不离开本机。
| Agent检测层 + 设计系统模型 + SKILL.md协议 | juice内联CSS → 微信/知乎粘贴零格式丢失 |
| gcui-art/markdown-to-image | alchaincyf/huashu-md-html反AI糊弄准则：CJK字体栈 + 8px基线网格 + 对比度≥4.5 |
| 人群 | 场景 |
|---|
| |
| |
| |
| |
| Hyperframes分镜脚本→Remotion渲染.mp4 |
| |
🚀 现在就试试30秒部署，零API Key，用你已有的AI订阅就能跑 GitHub 仓库Open Design 40k⭐加入 Discord |
— 本文由AI科技观察整理 · 2026年5月16日 —
10个月宝宝每天需要喝多少奶粉？
