nexu-io/html-anything

项目概览

无需额外 API Key 即可复用用户已在本地登录的编程智能体 CLI 会话，自动将 Markdown、CSV 等原始内容生成可交付的 HTML。

项目类型

AI Agent

应用场景

文档办公 · 编程开发

部署方式

查看项目说明

License

Apache-2.0

适合谁

• 不希望编写 CSS 和手动排版，但希望利用本地编程智能体 CLI 将原始内容转化为设计化 HTML 的创作者。
• 重视数据本地化，希望输入数据在本地处理且无需额外配置 API 密钥的用户。

核心能力

• 启动时扫描用户的 PATH 环境变量，自动检测并显示已安装的编程智能体 CLI（如 Claude Code、Codex、Cursor Agent、Gemini CLI 等），并复用它们现有的已登录会话。
• 内置覆盖 9 种交付物表面（如杂志文章、主题演讲幻灯片、海报、网页原型、数据报告等）的 75 个可组合技能模板，用于定义输出格式和设计系统。
• 通过 Server-Sent Events 流式传输智能体的标准输出 JSON 行，以实时更新 iframe 预览，允许用户逐行观看 HTML 渲染并在生成期间中断。
• 在隔离的沙箱 iframe 中运行用户生成的 HTML（支持 allow-scripts 和 allow-same-origin），将 cookies 和 localStorage 与宿主隔离，同时支持 Tailwind CDN 和 Google Fonts。
• 支持接收 Markdown、CSV、TSV、JSON、SQL 和纯文本输入，并在浏览器中直接解析表格数据，无需上传任何内容。
• 利用 CSS 内联和高 DPI 截图技术，提供向微信、X、知乎以及独立 HTML 或 PNG 文件的一键导出功能。
• 根据同一任务简报生成四个候选方案，并从中挑选出一个。

限制与风险

• 目前尚无直接视频渲染功能，Hyperframes 帧脚本必须单独移交给 Remotion 才能渲染出 mp4 文件。
• 本地 API 表面使用了最大权限的标志来生成编程智能体 CLI，需要 Host-header 允许列表来防止 DNS 重绑定攻击。

如何开始

• 文档记录的快速入门需要 4 条命令并声称可在 30 秒内完成设置。用户需依次执行 git clone 仓库、pnpm install、pnpm -F @html-anything/next dev，最后打开 http://localhost:3000。

核验依据

• GitHub 项目简介: The agentic HTML editor — your local AI agent writes the HTML, you ship it.
• README: Local-first, zero API key, reuses the CLI session you already have logged in — **9 coding-agent CLIs** auto-detected on your `PATH`
• README: "writing HTML" used to mean writing CSS, picking type scales, snapping to a grid, doing responsive — most users won't, designers won't bother, writers don't have the patience.
• README: - [ ] **Multi-template compare preview** — generate four candidates of the same brief, pick the best one
• README: | **Claude Code** | `claude` | `claude -p --output-format stream-json` | | **OpenAI Codex** | `codex` | `codex exec --json --sandbox workspace-write` |

内容核验时间：