nexu-io/html-anything

HTML Anything – 由代理驱动的 HTML 编辑器

这是什么 – 一个本地优先的桌面式 Web 应用，让你以任何纯文本格式（Markdown、CSV、JSON、SQL 等）编写内容，并通过本地安装的 AI 编码代理（Claude、Cursor、Codex、Gemini、Copilot、OpenCode、Qwen、Aider 或 IBM Bob），即时将该输入转换为完整的单文件 HTML 页面。生成的页面采用基于 Tailwind 的设计系统进行样式设置，并可直接导出至中国社交平台（微信、X、知乎）或保存为 .html/.png。

为何重要 – 现代 AI 助手非常擅长生成代码，但大多数开发者仍必须将输出复制粘贴到 Markdown 编辑器，再转换为 HTML 才能发布。HTML Anything 跳过了这个中间步骤：AI 直接编写读者实际看到的最终 HTML，并且在设备上完成，无需任何 API 密钥。这让工作流程快速、私密且零成本（除了用户已有的 AI 订阅之外）。

主要功能

• 代理检测 – 启动时，应用会扫描你的 PATH，寻找九种受支持的编码代理 CLI，并让你选择要使用哪一种。
• 75 个现成技能模板 – 为 9 种界面类型（杂志文章、主题演讲幻灯片、简历、海报、小红书卡片、推文卡片、网页原型、Hyper-frames 视频）预定义的布局，以及数十种设计变体（瑞士国际风格、归藏编辑风格等）。
• 实时流式渲染 – 代理会流式输出 JSON 行；前端解析这些输出并实时更新 iframe 预览，让你可以逐行观看页面构建过程。
• 一键导出 – 为微信内联 CSS（“juice”）、为 X/微博/小红书生成高 DPI PNG 截图、知乎 LaTeX 占位符，或直接下载纯 .html/.png。
• 沙箱预览 – 生成的 HTML 会在沙箱 iframe 中运行，使任何脚本与主机隔离。
• 零 API 密钥要求 – 复用你已通过所选代理获得的身份验证会话（例如 claude login）。
• 可本地部署或部署到 Vercel – 使用 pnpm -F @html-anything/next dev 运行，或部署前端；AI 组件始终留在用户的机器上。

典型工作流程

1. 安装一个或多个受支持的编码代理 CLI 并登录。
2. 克隆仓库，运行 pnpm install 并启动开发服务器。
3. 在浏览器中选择一个技能/模板（例如杂志风格文章）。
4. 粘贴你的源内容（Markdown、CSV 等）并按 ⌘+Enter。
5. 本地代理生成 HTML；你可以观看它流式传输到预览中。
6. 一键导出到所需平台或下载文件。

谁应该使用它 – 内容创作者、营销人员、产品文案撰写者，以及希望获得 AI 生成、可直接发布的 HTML 而无需手动处理 CSS，并且已经能够访问受支持编码代理 CLI 的设计师。

仓库结构

• next/ – Next.js 前端（@html-anything/next）。
• e2e/ – Playwright 端到端测试（@html-anything/e2e）。
• scripts/guard.ts – CI 辅助脚本。
• next/src/lib/agents/ – 将每个 CLI 的 JSON 行协议转换为通用接口的适配器。
• next/src/lib/templates/skills/ – 75 个技能文件夹，每个都包含 SKILL.md 描述文件和示例 HTML 文件。

许可证 – Apache-2.0。

---

以上所有细节均直接取自项目的 README。