
前阵子刷到Claude Code核心成员的推文,一句话点醒了我:“Markdown是写的时候用的,HTML是读的时候用的”。我们每天用Markdown写笔记、写文案、整理数据,可一旦要发布到多平台,排版适配的内耗就来了——公众号要调格式、知乎要转公式、小红书要做卡片,懂CSS的还好,不懂的只能对着乱码般的排版束手无策。
直到我发现了Tom Huang开源的html-anything,一个被称为“Agent HTML编辑器”的神器,彻底打破了“Markdown草稿→手动排版→多平台适配”的传统流程。它最绝的地方在于:不用你写一行CSS、不用配置复杂参数,让本地AI Agent当你的专属排版师,把任何内容直接变成可发布的单文件HTML,一键就能同步到各大平台。
今天就来好好跟大家分享这个宝藏工具,不管你是内容创作者、职场人还是开发者,都能靠它节省大量排版时间,轻松产出专业级作品 ✨
先搞懂:html-anything到底是什么?
很多人看到“HTML”就觉得门槛高,其实完全不用怕——html-anything不是让你手动写HTML,而是一个“AI Agent工作台”。它的核心逻辑特别简单:你负责输入原始内容(Markdown、CSV、Excel、JSON、纯文本都可以),它调用你本地已登录的AI编码Agent,在几秒内生成符合专业设计规范的HTML,最后一键导出或发布。
它由nexu-io团队开发,背靠拥有40k+星标的open-design生态,不造轮子、站在巨人肩上,所以稳定性和实用性都拉满。简单说:你只需要输入内容,剩下的排版、适配、导出,全交给AI和工具搞定。
核心亮点:这5个优势,彻底解决排版内耗
1. 零API Key,复用本地Agent,边际成本为零
这是我最爱的一点!html-anything启动时会自动扫描你的电脑,检测已安装并登录的AI编码Agent CLI,支持8种主流工具:Claude Code、Cursor Agent、Codex、Gemini CLI、Copilot CLI、OpenCode、Qwen Coder、Aider。
不用额外注册、不用配置API密钥,直接复用你已经登录的会话(比如Claude登录、Gemini授权),现有订阅就能用,相当于免费解锁了AI排版能力,对新手太友好了 😆
2. 75个技能模板,9种输出形式,覆盖全场景
工具的核心杠杆就是它的技能模板库,75个精心设计的模板,分成9大类,不管你要做什么,几乎都能找到对应模板,再也不用怕AI排版“放飞自我”:
- Web原型(约20个):SaaS落地页、仪表盘、移动端原型,开发者快速出原型再也不用写代码;
- 演示文稿(20个):瑞士国际风格、归藏编辑风、Hermes赛博风,比PPT更有设计感;
- 社交卡片(8个):X推文卡、小红书卡片、Reddit帖子卡,一键生成适配平台的图片;
- 办公文档(15+个):PM需求文档、OKR、周报、会议纪要,职场人直接套用;
- 还有视频帧/VFX、杂志文章、海报、数据报告等,甚至能生成可直接渲染的视频分镜。
更贴心的是,每个模板都有严格的设计约束:优先使用Noto Sans等CJK字体、8px基线网格、柔和阴影+圆角、对比度≥4.5,彻底避免AI生成的“廉价感”,每一份输出都像专业设计师做的。
3. 流式实时渲染,不满意随时中断
用AI生成内容最怕“等半天,出来的东西不能用”,html-anything用了SSE流式生成技术,你能实时看到HTML一行一行渲染出来,排版逐步成型。如果发现风格不对、内容有误,随时可以中断生成,不用浪费一次完整的AI调用,大大节省时间。
4. 一键多平台导出,零二次排版
这才是解决内容创作者痛点的关键!生成的HTML支持一键导出适配各大平台,不用手动调整格式:
- 微信公众号:自动内联CSS,粘贴进去直接用,再也不用手动调字体、行距;
- X/微博/小红书:自动生成高清PNG截图,复制就能直接发布;
- 知乎:自动将LaTeX公式转为图片占位符,避免公式显示异常;
- 本地导出:可下载单文件HTML(直接用浏览器打开)或PNG图片,方便存档。
5. 本地运行+沙箱预览,安全又安心
所有操作都在本地完成,内容不会上传到任何服务器,不用担心隐私泄露;生成的HTML会在沙箱iframe中预览,隔离本地存储和Cookie,避免恶意代码影响电脑环境,对处理敏感数据(比如公司周报、隐私笔记)特别友好。
谁适合用?这4类人闭眼冲
- 内容创作者:写公众号、小红书、知乎,一键搞定排版,节省80%的排版时间;
- 职场人士:快速生成PPT、会议纪要、简历、财务报表,提升工作效率;
- 开发者:快速出网页原型、技术文档,不用手动写CSS和HTML,专注核心逻辑;
- AI Agent用户:为本地Agent提供可视化工作台,让AI生成的内容更具实用性。
快速上手:3步搞定HTML创作
不用复杂配置,新手也能1分钟上手,步骤超简单:
- 克隆仓库:打开终端,输入命令
git clone https://github.com/nexu-io/html-anything,然后进入目录cd html-anything; - 安装运行:输入
pnpm install安装依赖,再输入pnpm dev,浏览器会自动打开http://localhost:3000; - 生成导出:顶部栏会自动检测你已登录的Agent,选择模板、粘贴内容,按 ⌘+Enter(Windows按Ctrl+Enter),等待实时渲染完成,一键导出即可。
最后想说:它不止是一个工具,更是创作方式的升级
其实市面上Markdown转HTML的工具不少,但html-anything的核心差异在于“Agent驱动”——它不是简单的格式转换,而是让AI帮你完成“专业排版”这件事,把你从繁琐的格式调整中解放出来,专注于内容本身。
Markdown是草稿,HTML才是人类真正阅读的最终形态。如果你也受够了多平台排版的内耗,如果你已经有本地AI编码Agent,不妨试试html-anything,让AI替你搞定所有排版,把时间花在更有价值的创作上 ✨
最后附上项目地址:https://github.com/nexu-io/html-anything,开源免费,感兴趣的朋友可以去试试~