HTML Anything —— 智能 HTML 编辑器
把你本地的 AI 编程智能体变成 HTML 排版助手——用 Markdown 起草,它直接交付可发布的 HTML,一键导出到微信公众号、知乎、X 等平台。
证据显示:项目采用沙箱预览(iframe sandbox),但未明确说明权限最小化原则;用户确认机制存在(如⌘+Enter触发),但未详细说明确认流程;数据流透明度部分,README提到数据不上传,但未详细说明数据流向;敏感数据处理未明确;依赖安全未提供漏洞扫描或锁定文件细节;外部影响(如导出到微信等)有说明,但未涉及副作用;回滚机制未提及;来源归属部分,README引用了多个开源项目,但未明确许可证兼容性。扣分原因:缺乏具体实现细节,多为断言。
证据显示:README描述一致,但未提供代码细节;依赖可用性未明确;失败消息未提及。扣分原因:静态审查无法验证运行行为,且文档未提供错误处理说明。
证据显示:README详细列出了多种场景和技能,但未明确能力边界;触发精度未详细说明;环境适配(如多CLI检测)有说明。扣分原因:能力边界和触发精度缺乏具体实现细节。
证据显示:README结构清晰,安装说明详细,但未提供版本历史或变更日志;已知限制未明确;许可证为Apache-2.0,但未提供版权信息;维护责任未明确。扣分原因:缺少版本管理和维护责任说明。
证据显示:输出可用性高(多种导出格式),边际价值明显(相比Markdown),成本效益好(零API密钥)。扣分原因:静态审查无法验证实际效果,但文档支持这些声明。
证据显示:README中的声明部分可追溯(如引用开源项目),但缺乏交叉验证;事实与推断未明确分离。扣分原因:静态审查无法验证声明,且文档未提供验证方法。
- 静态审查无法验证实际运行行为,所有评分基于文档和代码结构。
- 依赖安全未提供漏洞扫描或锁定文件细节,建议检查依赖版本。
- 回滚机制未提及,建议确认是否有撤销功能。
- 版本历史和变更日志缺失,建议查看Git提交记录。
这个 Agent 能做什么,适合哪些场景?
HTML Anything 是一个本地优先的智能体 HTML 编辑器,它不打包自研模型,而是复用你电脑上已登录的编程智能体 CLI(如 Claude Code、Codex、Gemini CLI 等)。编辑器提供 75 个可组合的技能模板,覆盖杂志文章、演示文稿、简历、海报、小红书卡片、Web 原型、数据报告和 Hyperframes 视频分镜等 9 种交付形态。它通过 Server-Sent Events (SSE) 流式渲染,将智能体的输出实时显示在沙箱化的 iframe 预览中,并支持一键导出为微信排版兼容的 HTML、高清 PNG 或直接复制到剪贴板。项目基于 Next.js 16 和 React 19 构建,遵循 Apache-2.0 许可,整个应用可本地运行,不需要任何 API Key。
用户启动本地开发服务器(pnpm -F @html-anything/next dev)后,浏览器在 /api/agents 接口扫描 PATH 中已安装的编程智能体 CLI(包括 Claude Code、Codex、Cursor Agent、Gemini CLI 等)。用户选择模板(如 Swiss International 演示文稿或小红书卡片)并粘贴内容,按 ⌘+Enter 后,前端向后端 /api/convert 发起 POST 请求;后端通过 child_process.spawn 启动对应 CLI,并将用户输入通过 stdin 传入。CLI 的 stdout 以 JSON 行输出,后端解析文本增量并通过 SSE 事件流发送给前端,前端实时更新 iframe 的 srcdoc,实现边生成边预览的效果。生成完成后,用户可点击导出按钮:使用 juice 内联 CSS 生成微信排版兼容的 HTML,或使用 modern-screenshot 将 iframe 渲染为 2× PNG 并放入剪贴板(支持 X/微博/小红书),或下载 .html 和 .png 文件。整个过程不依赖任何 API Key,完全使用用户本地的 CLI 会话。
- 内容创作者:从 Markdown 草稿一键生成杂志风格文章,并直接导出到微信公众号,免去手动排版。
- 产品经理:使用 office 类技能模板(如 PM Spec、OKR)快速生成规范的内部文档,并以优雅的 HTML 呈现。
- 市场营销人员:制作小红书卡片或微博图文,一键导出为 2× PNG 并直接粘贴到平台发布。
- 开发者:需要快速演示前端原型时,利用 prototype 技能生成可交互的网页原型,并在沙箱 iframe 中预览。
- 培训讲师:使用 deck 技能准备演示文稿,支持演讲者备注和 PDF 导出,适合课堂或分享会。
- 视频创作者:使用 hyperframes 技能生成视频分镜脚本(如霓虹标题、品牌转场),可直接在 Remotion 中渲染成 mp4。
这个 Agent 有哪些优点和局限?
- 零 API Key:无需配置任何密钥,完全复用你已登录的 CLI 会话(Claude、Codex、Gemini 等)。
- 支持 9 种主流编程智能体 CLI,自动检测 PATH 中的可执行文件,开箱即用。
- 75 个技能模板内置硬性设计约束(CJK 字体栈、8px 基线网格、对比度≥4.5),生成结果质量高且风格统一。
- 一键导出到微信、知乎、X 等平台,免去二次排版。
- 需要用户具备至少一个编程智能体 CLI 的付费订阅(如 Claude Pro、Copilot),否则无法生成。
- 依赖本地环境,不同 CLI 的兼容性可能随版本变化,需要维护适配器。
- SSE 流式生成进度可能受网络和 CLI 输出格式影响,中断恢复功能尚未完善。
- 目前没有多模板对比、历史记录等高级功能(仍在 roadmap 中)。
如何使用这个 Agent?
克隆仓库并进入目录:git clone https://github.com/nexu-io/html-anything && cd html-anything。安装依赖:pnpm install。启动开发服务器:pnpm -F @html-anything/next dev。在浏览器打开 http://localhost:3000,顶部栏会自动检测已安装的编程智能体 CLI(需预先登录,如 claude login)。选择一个技能模板,粘贴内容,按 ⌘+Enter 开始生成。