html-anything 是什么?

HTML Anything(nexu-io/html-anything)是一款「agentic HTML 编辑器」:在本地复用你已经登录的编码代理 CLI(自动检测 Claude Code、Cursor Agent、Codex、Gemini CLI、Copilot CLI、OpenCode、Qwen Coder、Aider 共 8 种),免 API key,由代理把内容直接生成为 HTML 这一对人友好的最终格式。提供 75 个可组合 skill 模板 × 9 种交付形态(杂志/keynote/海报/简历/小红书卡/推特卡/网页原型/数据报表/Hyperframes 视频),一键导出微信/X/知乎或下载 HTML/PNG。Apache-2.0 许可,约 5,990 stars,主语言 HTML。它由 nexu-io 团队(同时维护 open-design 仓库,40k★)出品,落地页托管在 open-design.ai/html-anything/。

⭐ 7,410 Stars 🍴 728 Forks HTML Apache-2.0 作者: nexu-io 商业引流:中
来源:README.md(标题、描述、徽章);GitHub 仓库元数据(stars=5990、language=HTML、license=Apache-2.0、topics agent-skills/byok) 查看 GitHub 仓库 →

为什么值得关注

AI 时代「Markdown 是草稿,HTML 才是人类要看的最终格式」,但手动写 HTML 又繁。HTML Anything 巧在不另起一个 LLM 账号——直接复用你已登录的编码 CLI 跑 skill 模板出图文/卡片/海报/数据报表等成品,并能一键出微信/X/知乎/PNG,门槛极低,因而 star 涨得快。需说明:项目由商业团队 nexu-io 维护,落地页与「同团队 40k★ open-design」的引荐贯穿 README,存在明显的项目矩阵互推;导出与渲染质量依所用代理与 skill。截至数据采集约 5,990 stars。

来源:README.md(介绍、Discord/团队介绍、落地页链接);GitHub 仓库元数据(stars=5990、pushed_at 2026-06)

核心功能

复用 8 种编码代理 CLI

自动检测 PATH 上的 Claude Code/Cursor/Codex/Gemini/Copilot/OpenCode/Qwen/Aider,免另配 API key。

来源:README.md(介绍、徽章 8 CLIs)
75 个 skill × 9 种交付形态

杂志/keynote/海报/简历/小红书/推特卡/网页原型/数据报表/Hyperframes 视频。

来源:README.md(介绍、surface 列表、徽章 75 skills)
一键多平台导出

微信、X、知乎一键发布,或下载 HTML/PNG。

来源:README.md(介绍、Export 徽章)
本地优先 + Sandbox 预览

本地优先、Sandbox 内预览,强调不出本机的工作流。

来源:README.md(介绍、topics local-first)

技术架构

HTML Anything 是基于 Next.js 的本地优先 Web 应用(HTML/前端为主):检测你 PATH 上已登录的编码代理 CLI(共 8 种),把 75 个 skill 模板与 9 种交付形态作为可组合素材,调用代理按 skill 生成 HTML 输出;预览在 sandbox 内运行,最终可导出到微信/X/知乎或下载 HTML/PNG。强调 BYOK(其实是 BYO-CLI——直接复用 CLI 会话),无需自带 API key。项目与 nexu-io/open-design 同源,落地页 open-design.ai 提供 overview / surface modes / showcase。

来源:README.md(介绍、徽章、surfaces 列表);GitHub topics(nextjs/local-first)

项目知识图谱

知识图谱:项目核心节点(中心)+ 核心功能(内环六边形)+ 关键技术依赖(外环 chip) 8 种编码代理 CLI(Claude Code/Cursor/Codex/Gemini/Copilot/OpenCode/Qwen/Aider)8 种编码代理 CL… 75 skill 模板 Sandbox 预览 微信/X/知乎导出 复用 8 种编码代理 CLI 75 个 skill × 9 种交付形态75 个 skill × 9 种… 一键多平台导出 本地优先 + Sandbox 预览本地优先 + Sandbox… html-anything 项目本体 核心功能 关键依赖

中心为项目本体,内环 = 核心功能模块,外环 = 关键技术依赖;按 deep.json 中的 core_features 与 tech_stack.key_deps 自动生成

技术栈

语言HTML / TypeScript / Next.js(前端)框架本地代理化 HTML 编辑器(编码 CLI + Skill 模板)
8 种编码代理 CLI(Claude Code/Cursor/Codex…75 skill 模板Sandbox 预览微信/X/知乎导出
本地运行(Next.js);落地页 open-design.ai/html-anything;Apache-2.0;与 nexu-io/open-design 同源
来源:README.md(介绍、徽章);GitHub topics(nextjs)

快速上手

确保你已经在本机登录任一支持的编码 CLI(Claude Code/Cursor Agent/Codex/Gemini CLI/Copilot CLI/OpenCode/Qwen Coder/Aider)。按仓库 Quickstart 拉取并启动 HTML Anything(README 标 30 秒上手),它会自动检测 PATH 上的 CLI;选择交付形态与 skill 模板,让代理生成 HTML,在 Sandbox 中预览,再一键导出到微信/X/知乎或下载 HTML/PNG。详见落地页 open-design.ai/html-anything。
来源:README.md(介绍、Quickstart 徽章、Sandbox/Export 徽章)

使用场景

适合需要把 AI 草稿/数据/文章变成「能直接发出去的 HTML 成品」的内容创作者、产品/营销同学与开发者:写公众号长文/小红书图文/推特卡/数据报表/海报/原型页,复用既有 CLI 会话、无需额外配 Key;也适合把 Markdown 草稿一键变样式化页面发布到多渠道。复杂样式与品牌一致性仍可能需要人工把关。

来源:README.md(介绍、surface 列表、Export)

优势与局限

优势

  • 复用已登录的 8 种编码 CLI,免另配 API key
  • 75 skill × 9 形态覆盖广,一键导出微信/X/知乎/PNG
  • 本地优先 + Sandbox 预览
  • Apache-2.0、上手快、社区活跃

局限

  • 由商业团队维护,与 open-design 商业站强关联(项目矩阵互推)
  • 成品质量依所用 CLI 与 skill,仍需人工把关
  • 需本机有相应 CLI 与登录会话
  • 渲染/导出在不同平台(微信/小红书等)效果可能差异较大
来源:README.md(介绍、徽章、团队/项目互推)

最新版本

本页未列固定版本号;README 显示与 nexu-io/open-design(40k★)持续协同迭代,落地页 open-design.ai 实时更新。仓库最后更新约在 2026 年 6 月初。

来源:README.md(介绍、徽章 release);GitHub pushed_at

总结评价

HTML Anything 是一款 agentic HTML 编辑器:本地优先、复用你已登录的 8 种编码 CLI(Claude Code/Cursor/Codex/Gemini 等),用 75 个 skill 模板 × 9 种交付形态把 Markdown/数据/文章变成可直接发布到微信/X/知乎或下载为 HTML/PNG 的成品,免另配 API key,上手快、Apache-2.0、社区活跃,对内容/产品/开发者「让 AI 把成稿排好版」很对路。要清楚成品质量依 CLI 与 skill、需本机已有相应 CLI、渲染在不同渠道差异较大、由商业团队 nexu-io 维护且与 open-design 商业站存在中等强度的项目矩阵互推。

来源:综合 README.md 的定位、能力、技术栈与商业化路径

常见问题

html-anything 是什么?

HTML Anything(nexu-io/html-anything)是一款「agentic HTML 编辑器」:在本地复用你已经登录的编码代理 CLI(自动检测 Claude Code、Cursor Agent、Codex、Gemini CLI、Copilot CLI、OpenCode、Qwen Coder、Aider 共 8 种),免 API key,由代理把内容直接生成为 HTML 这一对人友好的最终格式。

html-anything 有哪些核心功能?

html-anything 的核心功能包括:复用 8 种编码代理 CLI、75 个 skill × 9 种交付形态、一键多平台导出、本地优先 + Sandbox 预览。

html-anything 为什么最近很受关注?

AI 时代「Markdown 是草稿,HTML 才是人类要看的最终格式」,但手动写 HTML 又繁。HTML Anything 巧在不另起一个 LLM 账号——直接复用你已登录的编码 CLI 跑 skill 模板出图文/卡片/海报/数据报表等成品,并能一键出微信/X/知乎/PNG,门槛极低,因而 star 涨得快。

html-anything 适合哪些使用场景?

适合需要把 AI 草稿/数据/文章变成「能直接发出去的 HTML 成品」的内容创作者、产品/营销同学与开发者:写公众号长文/小红书图文/推特卡/数据报表/海报/原型页,复用既有 CLI 会话、无需额外配 Key;也适合把 Markdown 草稿一键变样式化页面发布到多渠道。复杂样式与品牌一致性仍可能需要人工把关。

透明度声明
本页内容由 AI(大语言模型)基于以下公开材料自动生成:GitHub README、代码目录结构、依赖文件、Release 信息。 分析时间: 2026-06-04 11:10. 质量评分: 100/100.

数据来源:README、GitHub API、依赖文件