1 / html-anything 是什么？
html-anything让本地AI Agent直接生成HTML的工具。
就像我雇了一个全能设计师，我告诉它「我要一张情人节促销海报」，它直接帮我把设计稿（HTML）做出来，我拿去打印就行了。
我还可以说「帮我做一份产品介绍PPT」，AI会生成一套完整的幻灯片，它直接生成可以全屏播放的网页版PPT（演示文稿），翻页、动画效果都有。
我用html-anything给我的个人产品EasyCut做的网页版PPT。
2 / 这个设计师会什么？
支持多种AI，可以让这个设计师跟不同的大脑合作Claude、Cursor、Gemini都行。
这个设计师会75种手艺，会做杂志、会做PPT、会做海报、会做数据报表。
9种输出格式 ，做好的东西可以一键导出成微信文章、网页链接、PNG图片、html文件、导出为PDF文件、PPT演示文稿。
我梳理了一下，它的能力大概分这么几类。
做海报/杂志：那种图文混排的精美页面，适合发朋友圈、做品牌宣传
做PPT/演讲稿：可以全屏播放的网页版幻灯片，带翻页动画，还有演讲者模式
做数据报表：把枯燥的数字变成可视化的图表，老板一看就懂
做社交媒体卡片：小红书风格、微博长图、推特卡片，一键生成
做产品原型：简单的交互原型，给客户演示用
3 / 怎么安装使用？
其实特别简单，就像给你的电脑安装一个新技能：
1. 克隆仓库
git clone https://github.com/nexu-io/html-anything.git
cd html-anything
2. 安装依赖（pnpm workspace管理）
pnpm install
3. 启动开发服务器
pnpm dev
4.打开浏览器访问 localhost:3000，告诉AI想做什么，它就开始干活了
4 / html-anything运行起来是什么样的
我描述一下真实的使用场景。
打开浏览器访问，首次会让我选择本地的code agent，我这里选择的codebuddy，模型选择不用去管，它默认会使用本地已配置的模型。
接下来我选择了一个template模板（主题演讲风格的幻灯片），然后会看到一个干净的输入框，这个框然后输入（也能上传文档）：
帮我做一份EasyCut产品(内网、外网同时访问软件)汇报：
1.介绍它到底干嘛的
内网、外网同时访问。
内网（公司、单位、企业）、外网（公网比如红书、抖音、百度等），两个网络同时访问，且公网任意网络皆可访问。
2...
点击「Generate HTML」开始生成网页版PPT，AI就会流式生成HTML代码，能实时看到效果。
输出质量很高，样式美观，排版协调，基本不需要手动调整就能直接使用。不是那种「 能用但丑」的能用，是可以直接拿去开会的能用。配色、间距、层次感都很对味，省去了我在Figma里折腾的几个小时。另外，可对生成的结果支持手动对source文件进行编辑。
我还多跑了两版出来，想着横向对比一下看哪个更合适。
- 奶油纸+锈红风格：蓝图网格mask配黑边硬卡片，质感偏建筑蓝图的感觉，视觉上有种手绘图纸的温度。
- 标准演示模式：16:9的规矩幻灯片格式，比较正经商务范儿，适合正式场合。
反正现在三个版本摆在一起，我从视觉层级、信息密度、还有使用场景这几个维度来挑选。
目前来看...我都挺满意。
最后想说的话
html-anything 代表了一种新的内容生产范式。在AI时代，写作和排版的边界正在模糊，草稿和成品的链路正在被压缩。
对于技术写作者、独立开发者、内容团队而言，这意味着从写作→排版→发布的流水线可以压缩到分钟级。更重要的是，它让创作者可以「 把精力集中在内容本身」，而不是格式调整上。
非常适合在职场中需要频繁切换内、外网的朋友使用。内网、外网同时访问。
EasyCut帮助文档及软件下载 :
wubai-cq.github.io/easycutpro/
