开发与工程 html-editorskill-templatessse-streamingwechat-exportcodex-clinextjssandboxed-preview

HTML Anything —— 智能 HTML 编辑器

把你本地的 AI 编程智能体变成 HTML 排版助手——用 Markdown 起草,它直接交付可发布的 HTML,一键导出到微信公众号、知乎、X 等平台。

FollowAgents 评估 · FARS-2.1
不推荐
45/ 100 五分制 2.3 / 5
1 2 3 4 5 6
1信任安全8 / 29 · 1.4/5

证据显示:项目采用沙箱预览(iframe sandbox),但未明确说明权限最小化原则;用户确认机制存在(如⌘+Enter触发),但未详细说明确认流程;数据流透明度部分,README提到数据不上传,但未详细说明数据流向;敏感数据处理未明确;依赖安全未提供漏洞扫描或锁定文件细节;外部影响(如导出到微信等)有说明,但未涉及副作用;回滚机制未提及;来源归属部分,README引用了多个开源项目,但未明确许可证兼容性。扣分原因:缺乏具体实现细节,多为断言。

2可靠稳定6 / 14 · 2.1/5

证据显示:README描述一致,但未提供代码细节;依赖可用性未明确;失败消息未提及。扣分原因:静态审查无法验证运行行为,且文档未提供错误处理说明。

3适用触发10 / 18 · 2.8/5

证据显示:README详细列出了多种场景和技能,但未明确能力边界;触发精度未详细说明;环境适配(如多CLI检测)有说明。扣分原因:能力边界和触发精度缺乏具体实现细节。

4规范维护9 / 18 · 2.5/5

证据显示:README结构清晰,安装说明详细,但未提供版本历史或变更日志;已知限制未明确;许可证为Apache-2.0,但未提供版权信息;维护责任未明确。扣分原因:缺少版本管理和维护责任说明。

5有效结果9 / 13 · 3.5/5

证据显示:输出可用性高(多种导出格式),边际价值明显(相比Markdown),成本效益好(零API密钥)。扣分原因:静态审查无法验证实际效果,但文档支持这些声明。

6证据核验3 / 8 · 1.9/5

证据显示:README中的声明部分可追溯(如引用开源项目),但缺乏交叉验证;事实与推断未明确分离。扣分原因:静态审查无法验证声明,且文档未提供验证方法。

证据充分度: 评估于 2026年8月11日 审查版本 532bc39f743b
上游仓库在本次评估后已有新提交;当前评分仍对应所示审查版本,可能尚未覆盖最新改动。
源码中未见的安全控制:回滚或恢复路径
使用前请注意
  • 静态审查无法验证实际运行行为,所有评分基于文档和代码结构。
  • 依赖安全未提供漏洞扫描或锁定文件细节,建议检查依赖版本。
  • 回滚机制未提及,建议确认是否有撤销功能。
  • 版本历史和变更日志缺失,建议查看Git提交记录。
评估证据 [1][2][3][4]
查看完整评分方法 →

这个 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 会话。

  1. 内容创作者:从 Markdown 草稿一键生成杂志风格文章,并直接导出到微信公众号,免去手动排版。
  2. 产品经理:使用 office 类技能模板(如 PM Spec、OKR)快速生成规范的内部文档,并以优雅的 HTML 呈现。
  3. 市场营销人员:制作小红书卡片或微博图文,一键导出为 2× PNG 并直接粘贴到平台发布。
  4. 开发者:需要快速演示前端原型时,利用 prototype 技能生成可交互的网页原型,并在沙箱 iframe 中预览。
  5. 培训讲师:使用 deck 技能准备演示文稿,支持演讲者备注和 PDF 导出,适合课堂或分享会。
  6. 视频创作者:使用 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 开始生成。

常见问题

需要什么前置条件才能使用?
需要安装 Node.js 和 pnpm,并至少有一个已登录的编程智能体 CLI(例如 Claude Code 或 Codex)。无需任何 API Key。
如何添加自定义技能模板?
在 next/src/lib/templates/skills/ 下复制一个现有技能文件夹,修改 SKILL.md 的 frontmatter(mode、scenario、surface 等),重启开发服务器即可在选择器中看到。
导出到微信/知乎时需要注意什么?
微信需要粘贴富文本,知乎需要上传图片(公式会以图片形式显示)。建议生成后先预览再导出。
是否支持云端部署?
支持,但智能体始终运行在你的本地电脑上,云端只托管 Web 界面(如 Vercel)。需要配置允许的主机名。

对比同类 Agent

用同一套 FARS 评审,横向比较这个 Agent 所属的短名单。

相关 Agents