html-anything：让AI帮你写HTML的开源编辑器，支持微信小红书一键发布

最近GitHub上出现了一个叫html-anything的项目，4天就拿了4600+星标。它的定位很有意思——”The agentic HTML editor”（AI代理驱动的HTML编辑器）。简单说，你告诉AI你想要什么效果，它帮你写HTML，你直接发布就行。

这个项目解决什么问题？

做网站的站长经常遇到这样的场景：

想做一个产品着陆页，但写HTML/CSS太麻烦
要做一个海报或宣传图，但不会设计
想在微信公众号、小红书发个好看的图文，排版是噩梦
需要做一个数据报告页面，但不想从头写

html-anything的解决方案是：用AI来写HTML，你只需要描述你想要什么。

核心功能

75种技能 × 9种输出形式

html-anything内置了75种不同的”技能”（Skill），可以生成以下9种类型的HTML页面：

杂志风格：类似在线杂志的排版
演示文稿：类似PPT的HTML幻灯片
海报：适合社交媒体分享的图片海报
小红书/推文：专为社交平台优化的图文
原型：快速搭建产品原型
数据报告：带图表的数据展示页面
Hyperframes：交互式HTML框架

支持多种AI后端

html-anything不绑定特定的AI服务，支持：

Claude Code
Cursor
Codex
Gemini
Copilot
OpenCode
通义千问
Aider

这意味着你可以用自己已有的AI订阅，不需要额外付费。

一键发布

生成的HTML可以一键发布到：

微信公众号：自动转换为公众号支持的格式
小红书：生成适合小红书的图文
推特/X：生成推文格式
知乎：适配知乎的排版
HTML文件：直接下载HTML
PNG图片：导出为图片

本地优先，零API费用

html-anything是本地运行的，不需要服务器。它通过沙盒预览确保安全，所有生成的HTML都在本地环境中运行。

适合谁用？

站长：快速制作产品着陆页、活动页面
内容创作者：一键生成社交媒体图文
产品经理：快速搭建原型，展示给团队
市场人员：制作营销素材、数据报告

安装和使用

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

# 安装依赖
npm install

# 启动
npm run dev

启动后会打开一个本地界面，你可以在里面：

选择输出类型（杂志、海报、推文等）
描述你想要的内容
选择AI后端
等待AI生成
预览、调整、发布

实际体验

我测试了几个场景：

产品着陆页：描述产品功能后，AI生成了一个完整的着陆页，包含hero区、功能介绍、价格表、FAQ。质量还不错，需要微调一些细节。
小红书图文：输入”推荐5个免费AI工具”，生成了一篇排版精美的小红书图文，可以直接复制到小红书发布。
数据报告：输入CSV数据，自动生成带图表的HTML报告页面。

不足之处

生成的HTML有时会有冗余代码，需要手动清理
对中文的支持偶尔会有排版问题
复杂页面的生成时间较长（取决于AI后端的速度）
文档还不够完善，有些功能需要看源码才能了解

总结

html-anything是一个很有创意的项目。它把AI和HTML编辑结合起来，降低了网页制作的门槛。对于需要快速制作页面但不想写代码的站长来说，值得一试。

本文参考来源：GitHub: nexu-io/html-anything

文章版权声明 1、本网站名称：枫选
2、本站永久网址：https://feng.cx
3、本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系站长进行删除处理。
4、本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责。
5、本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报
6、本站资源大多存储在云盘，如发现链接失效，请联系我们我们会第一时间更新。

THE END