html-anything

AI 写好页面你只管上线，75 个技能随叫随到

代理式 HTML 编辑器——由本地 AI 代理撰写 HTML，你只需负责发布上线。内置 75 个技能，覆盖杂志、幻灯片、海报、小红书/推文、原型、数据报告等 9 类创作场景，提供沙盒安全预览，并支持一键导出到微信、X、知乎或 HTML/PNG 文件。

开源 free 设计创意

访问官网 ↗ GitHub ↗ 文档 ↗

GitHub 星标 ★ 8931

维护状态较活跃

是否开源是

定价模式 free

项目数据

分类设计创意

开发团队nexu-io

所属国家

官网地址https://open-design.ai/html-anything

GitHubhttps://github.com/nexu-io/html-anything

定价模式free

价格说明开源项目，本地部署，完全免费，无付费版本。

访问状态

是否开源是

开源协议Apache-2.0

主要语言HTML

技术栈/模型agent-skills,agentic,ai-agents,ai-design,ai-editor,byok,claude,claude-code,claude-skills,coding-agents,generative-ai,html,html-editor,hyperframes,local-first,markdown,nextjs,vibe-coding,wechat,xiaohongshu

GitHub 星标★ 8931

30天Star增速

HF 下载量

上线时间2026-05-11 00:00:00

最近更新2026-09-22 00:00:00

维护状态较活跃

中文支持

访问方式

移动端支持

综合评分

收录时间2026-08-09

浏览次数4

使用教程

难度：入门约 10 分钟部署方式：本地安装 5 步

环境要求

已安装 Git，可克隆 GitHub 仓库
已安装 Node.js 与 pnpm 包管理器（README 使用 pnpm install / pnpm -F）
PATH 中至少有一个已登录的 coding-agent CLI（如 Claude Code、Cursor Agent、Codex、Gemini CLI、Git
无需任何云端 API Key

安装与启动步骤

1克隆仓库

把 html-anything 源码下载到本地，会在当前目录生成 html-anything 文件夹。
```
git clone https://github.com/nexu-io/html-anything
```
2进入项目目录

切换到刚克隆下来的项目根目录，后续命令都在这里执行。
```
cd html-anything
```
3安装依赖

用 pnpm 安装 monorepo 全部依赖，首次安装耗时较长，请保持网络畅通。
```
pnpm install
```
4启动开发服务

只启动 next 这个工作区的开发服务器，终端会打印本地访问地址，不要关闭该终端。
```
pnpm -F @html-anything/next dev
```
5打开编辑器界面

在浏览器中访问终端输出的本地地址，即可看到编辑器与 75 个技能模板；确认 PATH 中的 agent CLI 已被自动检测到。

如何确认成功

终端输出本地开发访问地址且无报错，浏览器打开该地址能看到 html-anything 编辑器界面与技能模板列表。

常见问题

Q：需要申请并填写 API Key 吗？

A：不需要。项目本地优先、零 API Key，直接复用你本机已登录的 coding-agent CLI 会话。

Q：为什么没有检测到我的 AI 代理？

A：支持 Claude Code、Cursor Agent、Codex、Gemini CLI、GitHub Copilot CLI、OpenCode、Qwen Coder、Aider、IBM Bob 共 9 种，需保证对应 CLI 已安装并登录、且存在于系统 PATH 中。

Q：做完的 HTML 怎么发布？

A：支持一键导出到微信 / X / 知乎，或直接下载为 .html / .png 文件。

Q：可以不用本地环境，直接在线看看吗？

A：可以，README 提供在线页面 https://open-design.ai/html-anything/，可先查看概述、界面模式与示例作品。

注意事项

README 只给出开发模式启动方式，未提供生产构建或服务器部署命令，请勿自行臆造。
项目覆盖杂志文章、主题演讲、简历、海报、小红书卡片、推文卡片、网页原型、数据报告、Hyperframes 视频共 9 类交付场景，共 75 个可组合技能模板。
技术栈以 HTML 为主，开发服务由 pnpm 工作区驱动，操作前请确认 pnpm 已正确安装。
启动后若浏览器无响应，请检查终端是否已输出地址、终端是否被意外关闭。

核心亮点

提供75种技能和9种输出表面（杂志、海报、小红书/推特等），覆盖多种设计场景，实用性强
支持零API密钥的本地AI代理集成，兼容Claude Code、Cursor、Codex等主流工具，降低使用门槛
内置沙盒预览和一键导出到微信、X、知乎、HTML、PNG，简化发布流程，提升效率

不足之处

文档/社区待观察

适用场景

快速生成社交媒体卡片或帖子视觉（如小红书、推特）
制作杂志、海报、演示文稿等设计稿，无需手动编码
数据报告或原型设计的快速迭代，利用AI代理自动化HTML输出

替代项目

v0、Bolt.new、Lovable

项目介绍

html-anything 是智能体领域的开源项目，由 nexu-io 开发，是 2026 年新上线的项目。

在全站 13,014 个收录项目中，它的 GitHub 星标数（8,931）位列前 6%，在智能体分类的 2,499 个项目里位列前 6%。

近 44 天，它的 GitHub 星标从 8,191 增加到 8,931，净增 740。

项目保持着较活跃的维护节奏，最近一次代码更新于 2026-09-22。本地部署，完全免费，无付费版本。

它主要面向的使用场景是：快速生成社交媒体卡片或帖子视觉（如小红书、推特）。同类可对比的替代方案包括 v0、Bolt.new、Lovable。

上一篇：my-ai-office

下一篇：Kun