HTML Anything – 开源的本地化HTML编辑器工作台

HTML Anything是一个开源的本地化HTML编辑器工作台，专为AI Agent时代设计，通过复用用户已安装的 AI 编码工具（如Claude Code、Cursor等），将任意内容（Markdown、CSV、JSON 等）一键转换为具备专业排版、可直接发布的单文件 HTML。它无需 API Key、全程本地运行，解决了传统 Markdown 需反复排版适配多平台的痛点，让 AI 生成的 HTML 即专业又即用。

HTML Anything核心特点

1. 零成本复用现有 AI 工具

自动识别 18 种主流 AI 编码 Agent（如Claude Code、Cursor、Qwen Coder、GitHub Copilot CLI等），直接调用用户已登录的会话，无需额外配置 API Key 或付费。
边际成本为零：利用用户已有的订阅服务，避免重复投入。

2. 75+ 专业模板覆盖 9 大场景

内置 75 套严格设计约束的 Skill 模板，涵盖杂志文章、Keynote 演示、小红书卡片、简历、数据报告等 9 类交付形态。
每套模板均遵循 CJK 优先字体栈、8px 基线网格、对比度 ≥ 4.5 等硬性规范，确保输出即专业级，避免 AI 生成常见的排版混乱问题。

3. 本地优先，隐私安全

全程本地运行：内容解析、AI 调用、HTML 生成均在用户设备完成，数据不上传至第三方服务器。
沙箱隔离预览：生成的 HTML 在 iframe 中渲染，严格隔离 Cookie 与 LocalStorage，防止恶意脚本影响宿主环境。

HTML Anything技术原理

1. 前后端分离架构

前端：基于 Next.js 16 App Router + React 19 + Tailwind v4，提供实时编辑与预览体验。
后端：Node.js 服务负责 Agent 检测、进程调度、SSE 流式传输，通过 child_process.spawn 调用本地 CLI 工具。

2. 核心工作流

Agent 适配层：自动扫描系统 PATH，统一调用不同 CLI 的输入/输出接口。
Skill 模板协议：基于 SKILL.md 定义提示词与设计约束，支持社区扩展。
流式渲染：通过 SSE（Server-Sent Events）实时传输 AI 生成的 HTML 片段，用户可边生成边调整。
安全处理：使用 juice 内联 CSS 适配微信/知乎，DOMPurify 过滤 XSS 风险，modern-screenshot 生成高 DPI PNG。

HTML Anything核心功能

1. 多格式输入与智能解析

支持 Markdown、CSV、Excel、JSON、SQL、纯文本等 11 种格式，自动识别内容类型（如表格数据直接转为可视化报表）。
无需手动转换格式，降低使用门槛。

2. 一键多平台导出

微信/知乎：自动内联 CSS，粘贴即用无需二次排版。
小红书/X/微博：一键生成 2× 高 DPI PNG，直接复制到剪贴板。
本地保存：导出单文件 HTML 或高清图片，便于归档分享。

3. 所见即所得工作流

左侧编辑区：粘贴原始内容。
中间模板区：选择 Skill 模板（如 PPT、简历）。
快捷键生成：按 Cmd+Enter（Mac）/Ctrl+Enter（Windows）触发 AI 生成。
右侧预览区：实时查看效果，可随时中断调整。

HTML Anything适用人群

1. 内容创作者

快速生成排版精美的小红书卡片、公众号文章、海报，节省 90% 以上排版时间。
例如：将 Markdown 笔记一键转为杂志风格 HTML，直接粘贴至微信公众号发布。

2. 职场人士

无需设计基础即可产出专业会议纪要、OKR 报告、财务报表、简历。
例如：输入 CSV 数据自动生成数据可视化报表，导出为 PNG 发至工作群。

3. 开发者与 AI Agent 用户

为本地 AI 工具提供可视化工作台，将 AI 生成的 HTML 直接用于原型开发或文档交付。
例如：用 Cursor 编写代码逻辑后，通过 HTML Anything 生成可交互的 SaaS 落地页原型。

HTML Anything项目地址

GitHub仓库：https://github.com/nexu-io/html-anything

HTML Anything 的核心价值在于将 AI 生成能力与专业排版深度结合，让普通用户也能产出“可直接交付的 HTML”，而非需要反复调整的中间态 Markdown。它不试图替代设计工具，而是填补了 AI 时代内容生产中“生成”到“发布”的最后一环，尤其适合需要高频跨平台发布内容、追求效率与专业度平衡的用户。