HTML Anything

HTML Anything是nexu-io团队开源、面向AI智能体时代的专业HTML编辑器。内置75套技能模板，覆盖9类内容输出形态；可自动识别本地18款Code Agent命令行工具并复用现有登录会话，无需配置API密钥，任意内容均可一键生成适配微信、X、知乎等平台、可直接发布的标准化专业HTML页面。

一、产品核心功能：

1、75套技能模板，覆盖9大内容交付形态：

内置可自由组合的成套模板，支持杂志文章、演示文稿、简历、宣传海报、小红书图文卡片、社交推文卡片、网页原型、数据报表、Hyperframes动态视频场景。

2、自动识别18款本地Code Agent CLI：

扫描本地环境变量自动检测 Claude Code、Cursor、Codex、Gemini 等18种智能体工具，复用已有登录状态，省去API Key配置流程。

3、兼容11类主流文件导入：

支持 Markdown、TXT、CSV、Excel、JSON、SQL、YAML、HTML、PNG、JPG 等文件作为素材输入。

4、SSE流式实时渲染：

基于SSE服务推送协议，智能体生成HTML代码实时同步至浏览器，实现边生成、边预览的流畅流式交互。

5、iframe独立沙箱预览：

所有生成的HTML在隔离iframe沙箱内运行，与主程序环境完全分隔，规避脚本风险，预览更安全。

6、多平台一键导出分发：

内置多渠道适配方案：微信公众号CSS内联复制、2倍高清PNG图（适配X/微博/小红书）、知乎LaTeX公式自动兼容、完整单文件HTML本地下载。

二、产品核心优势

1、零额外调用成本：

复用本地已登录智能体会话，无需采购API密钥、不依赖第三方云端算力。

2、出版级标准化视觉输出：

全部75套模板配套完整设计规范，统一版式、色彩与间距，成品达到专业发布标准。

3、跨平台一键适配发布：

自动适配微信、X、小红书、知乎等平台排版规则，无需重复调整样式。

4、本地优先隐私安全：

全部内容在本地设备处理，原始素材不上传云端，搭配沙箱隔离机制双重保障数据安全。

三、使用流程：

前置环境

本地预装 Node.js 与 pnpm，完成至少一款 Code Agent CLI（如Claude Code）安装并登录授权。

1、克隆开源项目：

执行命令拉取源码：

git clone https://github.com/nexu-io/html-anything

2、安装项目依赖：

进入项目文件夹 cd html-anything，运行 pnpm install 自动安装全部依赖。

3、启动本地服务：

执行 pnpm dev 开启本地服务，浏览器访问 http://localhost:3000 进入编辑器。

4、选择本地智能体：

顶部下拉框选取系统自动识别到的Code Agent工具。

5、新建生成任务：

点击 New task，输入文本或上传素材文件，匹配对应场景技能模板。

6、实时预览效果：

本地Agent流式生成HTML，右侧沙箱窗口同步渲染成品排版。

7、导出或直接发布：

点击 Export/Copy，按需选择适配微信、X、小红书、知乎的输出格式，或下载完整HTML、高清PNG文件。