HTML Anything – 借本机编程助手排版的 HTML 编辑器

HTML Anything 是一款由 nexu-io 团队于 2026 年 5 月开源的智能体 HTML 编辑器，主要用于把 Markdown、表格与结构化文本渲染成可直接发布的版面，支持复用本地已登录的编程助手并内置 75 套版面技能模板，适用于写公众号长文、做演示稿与生成社媒卡片等场景。

HTML Anything 的核心能力

HTML Anything 解决的是「内容写完了，版面还得重做一遍」的问题：源文件留 Markdown，看到的是渲染后的 HTML，中间那一层排版由本地编程助手按模板生成。这跟在线排版器的思路正好相反——不新建账号、不买额度，直接借本机已经装好并登录的助手。

七十五套版面模板按形态分

模板按交付形态分组：杂志长文、Keynote 式演示、简历、海报、小红书卡片、推文卡片、网页原型、数据报告、视频分镜。官方把中文优先字体栈、8px 基线网格、对比度不低于 4.5 写进每套模板的硬约束，选模板等于选一整套设计规则，而不是换一层配色。模板是本地文件，可自行改写；站内的 Claude Design 是另一条路——把多格式内容生成收在一个产品里，不依赖本机助手。

借用本机已登录的编程助手

启动后自动扫描系统 PATH 里的命令行入口，把本机装着的编程助手列在下拉菜单里，选中即用，不需要再填接口密钥。这一步省掉的是再申请一份接口密钥：复用已有登录会话，但模型调用仍受所选助手的订阅额度与计费规则约束。

边生成边预览的流式渲染

生成过程通过单向事件流把 HTML 代码持续推到浏览器，右侧预览区随之增量渲染，不必等整段代码写完。对反复调版面的场景，能在中途看出走向不对就停下来改提示，而不是等一分钟后看结果。

沙箱里预览，与主程序隔离

渲染出的 HTML 在带沙箱属性的独立 iframe 中运行，脚本与存储隔离在独立源里，不影响编辑器主体；但沙箱不等于零风险，官方说明转换接口会以宽松参数调用本地助手，适合单人单机使用。这也让预览效果更接近真实浏览器——不会被编辑器的全局样式意外改写。

一次生成，多平台导出

导出按目标平台分岔：公众号走 CSS 内联粘贴，图像类平台输出两倍分辨率 PNG，知乎导出把 LaTeX 公式转成图片占位，另外提供单文件 HTML 下载。同一份内容可以按平台各拿一份，不需要为每个渠道重排一次。

多格式输入与文件直读

输入侧支持 Markdown、纯文本、CSV、Excel、JSON、SQL 等，表格类文件在浏览器端解析后直接当数据源做报告。对已经在本地整理素材的人，省掉了先转成一个中间格式的一步。

HTML Anything 与同类内容生成方案的对比

下表从产出形态、依赖的助手及是否需要密钥等维度，对三个本地排版技能项目逐项对照。

• 表格内数据来源：HTML Anything、html-video、ffmpeg-skill 均取自各自官方仓库与项目说明；协议栏指项目代码授权，与生成内容所用素材授权分开。
• 产品对比简述：产出形态上 HTML Anything 出可发布版面、html-video 出 MP4 视频；依赖的助手同为本地编程助手；是否需要密钥上 HTML Anything 可复用已登录会话，实际调用成本取决于所选助手的计费规则。

如果目标是成套的演示稿而不是单篇版面，站内的 JJT（360 推出的 AI 智能体驱动 PPT 生成与编辑工具）是可直接对照的一类产品。

HTML Anything 的应用场景与适用人群

同一份内容要发到多个渠道时适用；只写纯文本、不在意外观的，用不上这套：

• 公众号长文：Markdown 写完直接渲染成带排版的长文，导出时按公众号规则内联样式。
• 演示与提案：把提纲渲染成幻灯片式页面，改内容不用重新摆版式。
• 社媒卡片：一段观点生成图片卡片，按平台尺寸导出两倍分辨率图。
• 数据报告：读入表格文件，套上报告模板输出可分享的页面。

适用人群：适合已经在本地用编程助手写作、又需要稳定版面的内容创作者与运营，也适合要把同一份材料分发到多个渠道的小团队；完全不用命令行、也不打算装助手的用户，用在线排版服务更省事。站内另一组办公场景的技能集可作对照：MiniMax Office Skills。

HTML Anything 的使用方法

两条路径：官方路径在本机克隆仓库起服务、用浏览器打开编辑器，要本机有 Node.js 环境与已登录的编程助手；Floatboat 工作区的 html-anything 组合技能属社区集成，装上即用、不碰本地代码。

本机部署：克隆仓库起服务，在浏览器里进编辑器

1. 从 HTML Anything 产品页面或仓库克隆代码，准备 Node.js 与 pnpm，版本与系统要求以仓库当前说明为准。
2. 在仓库根目录执行 pnpm install，再用 pnpm -F @html-anything/next dev 起服务，默认监听 localhost:3000。
3. 浏览器打开该端口，顶部下拉框列出扫描到的编程助手命令行入口，选中已登录的那个。
4. 上传 Markdown 或表格、粘贴正文，按交付形态挑一套模板后提交生成。
5. 确认版面后按渠道拿成品，公众号取内联样式、图像平台导两倍 PNG、归档下载单文件 .html。

Floatboat 工作区：平台内装技能，不碰本地环境

1. 打开 Floatboat 的 Combo Skill Store，安装 html-anything 组合技能。
2. 在工作区内发起任务，任务上下文、编辑区与生成页面同屏对照。
3. 成品同样可导出；本机不便装 Node.js 或不想克隆仓库时走这条。

三点需留意：生成流程在本地跑，模型推理位置取决于助手所连的模型，长文档建议分段生成；排版约束由技能文件定义，想改字号与间距要编辑模板本身而不是在界面上调；生成结果依赖助手所选模型，同一模板换模型可能得到不同的版式细节。想把版面继续往设计稿方向推，站内的 Penpot 提供了另一条路径。

HTML Anything 的项目地址

• 产品页面：https://open-design.ai/html-anything/
• 项目仓库：https://github.com/nexu-io/html-anything

HTML Anything 的价格方案

项目本身开源免费，协议为 Apache-2.0，代码可自行修改与自建分发。生成复用本机已登录的编程助手会话，是否产生新支出取决于所选助手的计费方式。

需要花钱的环节在两处：一是本地助手本身，若用的是按量计费的接口，长文档多次重排会累计消耗；二是把生成的页面托管到公网所需的服务器。仅本地使用与导出文件，不产生其他支出。

HTML Anything 的常见问题