html-anything 是什么？AI HTML 内容生成工作台介绍

有些内容真不是写完就完事能交差的。就拿活动复盘来说，你在Markdown里写得有模有样，标题、表格、结论都齐活，一粘到公众号后台就跟随手记的草稿似的；截个图发群里吧，排版又散得没法看。html-anything 就是专门解决这个中间环节的痛点：它不是帮你多凑字数，而是让本地 AI Agent 直接把原始内容，整理成一份能直接拿给人看的单文件 HTML。

它更像个内容工作台，可不是传统网页编辑器

传统的HTML编辑器，默认你得会改标签、写CSS、搞响应式布局才行。html-anything的逻辑刚好反过来：你先把Markdown、CSV、JSON、SQL、Excel或者随便一段原始笔记丢进去，再选一个模板技能，让已经登录好的本地 coding-agent CLI 去执行生成。说白了就是，人在前头负责判断用什么材料、做什么用，Agent在后头负责把页面写出来。

这个定位有个特别好的地方：它不会把内容生产卡在“会不会前端”这件事上。编辑要的公众号长文、运营要的小红书卡片、产品经理要的网页原型、讲师要的演示页，全都能从同一份内容里生成出来。当然失败的场景也得说清楚：要是原始材料本身就没什么结构，你就甩一句“帮我做得高级点”，那生成出来的东西大概率就是个好看的空壳子。

它的核心能力能拆成三层

第一层是输入解析。官方页面里写了，Markdown、CSV、TSV、JSON、SQL、Excel还有纯文本都能往里放；表格类的数据是在浏览器里解析的，重点就是先把内容读成能重新组织的材料。

第二层是模板技能。GitHub README 把技能放在 next/src/lib/templates/skills/ 这一类目录下，覆盖了文章、幻灯片、海报、社交卡片、数据报告、网页原型等各种输出类型。这技能可不是什么玄学，说白了就是一组带约束的版式和写作要求。选错技能的时候，常见的问题不是生成失败，而是用错了地方：长报告被做成海报，信息会被压得根本读不清。

第三层是预览与导出。页面是在沙盒 iframe 里实时渲染的，生成过程中你能看着 HTML 一点点成形；做完之后可以下载 HTML 或 PNG，也能针对微信、X、知乎、小红书这些渠道调整格式。当然它的边界也很明确：它不是 CMS，不管你的账号权限、选题策略还有平台审核这些事儿。

适合谁，不适合谁

它适合已经在用 Claude Code、Codex、Cursor、Gemini CLI 等本地 Agent 的人，也适合经常要把文字、表格、方案转成可发布页面的人。你不用为了它重新申请 API key，它直接复用你电脑上已经认证过的 CLI 会话。

但它不适合那种完全不想自己过一遍结果的人。html-anything 生成的是“可发布 HTML”，可不是自动帮你把事实对错、品牌调性、商业合规这些都把好关。尤其是数据报告和产品页，生成完至少得检查三件事：数字对不对，层级有没有被压没了，移动端截出来的图还能不能看清。

一个更实在的理解

把 Markdown 当草稿，把 HTML 当成读者最终看到的成品，这就是 html-anything 的核心判断。它真正省下来的不是打字的时间，而是从草稿到最终发布形态之间，那些反反复复的排版、截图、复制、调格式的功夫。当你认同这个判断的时候，用起来会特别顺手；但要是你只想要个普通的富文本编辑框，那它反而显得太重了。