html-anything：让AI Agent帮你写HTML，GitHub 3800+ Star的Agentic编辑器

html-anything是一个”Agentic HTML编辑器”——你用自然语言描述想要的内容，AI Agent帮你生成HTML。它支持75种技能和9种输出格式，从小红书帖子到数据报告都能做。GitHub上3800多个Star，来自Open Design团队（40k Star的开源设计项目）。

它能做什么

html-anything的核心理念是”Markdown是草稿，HTML才是给人看的”。它把Agent和HTML编辑结合在一起，你描述需求，Agent生成漂亮的HTML页面。

支持的输出格式：

• Magazine：杂志风格的文章页面
• Deck：演示文稿/幻灯片
• Poster：海报设计
• XHS/Tweet：小红书帖子、推文格式
• Prototype：产品原型
• Data Report：数据报告
• Hyperframes：交互式页面

使用方法

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

# 安装依赖
npm install

# 启动开发服务器
npm run dev

使用时需要一个支持工具调用的AI模型（Claude、GPT-4等）。Agent会根据你的描述选择合适的技能，生成对应的HTML代码。

实际场景

适合用html-anything的场景：

• 快速生成landing page原型
• 制作社交媒体内容（小红书、推文配图）
• 生成数据可视化报告
• 做演示文稿的HTML版本
• 快速验证设计想法

技术栈

• 基于Next.js构建
• 本地优先（local-first）架构
• 支持BYOK（Bring Your Own Key）——用自己的API Key
• Apache-2.0协议，可以商用

和纯文本AI助手不同，html-anything的输出是可视化的HTML页面，所见即所得。如果你经常需要做网页内容但不想手写HTML，这个工具能省不少时间。

本文参考来源：GitHub – html-anything