html-anything：5000+星的AI HTML编辑器，自然语言写网页，零API Key

想做一个网页但不想写代码？html-anything是一个AI驱动的HTML编辑器，让你用自然语言描述需求，AI帮你生成完整的HTML页面。项目在GitHub上已获得超过5000个Star，支持75种技能和9种输出格式。

html-anything是什么？

html-anything的核心理念是”你的本地AI Agent写HTML，你负责发布”。它把AI Agent的能力与HTML编辑结合起来，让你可以用对话的方式创建各种网页内容。

与传统的AI代码生成工具不同，html-anything专注于HTML这个单一领域，因此在网页生成方面做得特别好。它支持的输出格式包括：

杂志风格：适合内容展示的长页面，类似在线杂志或博客文章。

演示文稿：类似PPT的幻灯片页面，可以直接在浏览器中展示。

海报设计：适合社交媒体分享的单页海报。

小红书/Twitter卡片：针对特定社交平台优化的图片和文案格式。

原型设计：快速生成产品原型页面，用于验证设计想法。

数据报告：数据可视化的HTML报告，包含图表和分析。

Hyperframes：交互式的多页面应用原型。

核心特点

1. 零API Key：html-anything不需要你提供任何AI模型的API Key。它利用你本地已有的AI编程工具（Claude Code、Cursor、Codex、Gemini CLI等）来生成内容。这意味着没有额外的费用。

2. 沙箱预览：生成的HTML在沙箱环境中预览，确保安全。不会执行恶意脚本，也不会泄露你的本地数据。

3. 一键发布：支持一键导出到微信公众号、Twitter、知乎、HTML文件、PNG图片等多种渠道。省去了格式转换的麻烦。

4. 75种技能：内置75种预设的页面模板和技能，覆盖从简历到电商页面的各种场景。选择技能后用自然语言描述具体内容即可。

使用场景

内容创作者：快速生成文章配图、社交媒体卡片、Newsletter模板等。

产品经理：用自然语言描述产品需求，快速生成原型页面给团队评审。

数据分析师：把数据分析结果自动转化为可视化报告页面。

独立开发者：快速生成产品落地页、文档页面、 changelog等。

设计师：用AI快速探索不同设计方案，然后手动精调。

快速上手

# 克隆仓库
git clone https://github.com/nexu-io/html-anything.git
cd html-anything

# 安装依赖
npm install

# 启动
npm start

# 然后在浏览器中打开 http://localhost:3000

启动后选择你需要的技能类型（比如”杂志”），然后用自然语言描述你想要的内容：

"创建一个关于AI编程工具对比的杂志页面，包含Claude Code、Codex、
Gemini CLI三个工具的功能对比表格、优缺点分析和使用建议。"

html-anything会调用你本地的AI Agent来生成HTML代码，并在沙箱中预览效果。

技术实现

html-anything用HTML/CSS/JavaScript构建，非常轻量。它的核心是一个技能模板系统加上AI Agent的调用层：

– 技能模板定义了页面的基本结构和样式

– AI Agent负责填充内容和定制细节

– 沙箱系统确保预览安全

– 导出模块处理格式转换

为什么值得关注？

html-anything代表了一种新的工具形态：AI Agent不再只是写代码，而是直接产出可用的成品。对于不懂代码的用户来说，这种”自然语言→成品”的工作流大大降低了技术门槛。

同时，它”零API Key”的设计也非常聪明——利用用户已有的AI工具，避免了额外成本和配置复杂度。

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