HTML Anything

_{来自 Open Design 团队 —— 40k★ · 200+ 贡献者,更生产级、迭代更快。html-anything 是聚焦在 agent 时代 HTML 编辑器这一刀的专项; 如果你喜欢这个味道, 同一拨人做的 Open Design 是它在更大规模上的形态, 顺手也看看。}

项目主页: open-design.ai/html-anything/ —— 不用 clone 也能先看看 HTML Anything 长什么样、能干啥。

Markdown 是草稿, HTML 才是给人读的成品 —— 让本地 agent 直接写 HTML。 Agent 时代的 HTML 编辑器 —— 既然你已经不亲手改文档、全都让 Claude 改了, 那 agent 的输出就该是读者真正想看的 HTML, 而不是中间态的 markdown。本地优先、零 API Key、复用你已经登录好的 CLI session —— 8 个 coding-agent CLI 在 PATH 上自动识别（Claude Code · Cursor Agent · Codex · Gemini CLI · GitHub Copilot CLI · OpenCode · Qwen Coder · Aider），驱动 75 套 skill 模板 和 9 类可交付场景（杂志文章 · Keynote PPT · 简历 · 海报 · 小红书 · 推特卡 · Web 原型 · 数据报告 · Hyperframes 视频）。一键复制到公众号 / 推特 / 知乎，或者下载 .html / .png。

English · 简体中文

🎨 看看效果

picker 顶部 推荐 / Featured 分组里默认置顶的 8 个 skill —— 对应 SKILL.md frontmatter 里的 recommended: 字段,数字越小排得越靠前。每个都附 example.html,repo 里双击就能看效果,不用登录、不用启服。

_{deck-guizang-editorial · deck · recommended: 1 编辑墨水 PPT,灵感来自 op7418/guizang-ppt-skill —— 10 套锁死版面 × 5 套调色板(墨水 / 靛蓝瓷 / 森林墨 / 牛皮纸 / 沙丘),纸感印刷质感,开起来像一本电子杂志而不是 PPT。}	_{deck-swiss-international · deck · recommended: 2 瑞士国际主义 PPT —— 16 列网格 + 单一饱和 accent(Klein Blue / Lemon / Mint / Safety Orange),22 套锁死版面。冷静、理性、学院派,开会时让人觉得 "这一定是 designer 做的"。}
_{doc-kami-parchment · doc · recommended: 3 暖羊皮纸 + 墨蓝单色 editorial 文档系统,灵感来自 tw93/kami。#f5f4ed 底色 + 单一衬线字体,长报告、读书笔记、one-pager、简历都能套,比纯白 markdown 高一个量级。}	_{magazine-poster · poster · recommended: 4 报纸风长图海报 —— 巨字 serif headline + 双栏正文 + 6 个编号小节 + cream 纸感底色,开起来像一份印好的 Sunday paper,不是网页。}
_{video-hyperframes · frame / video · recommended: 5 Hyperframes / Remotion 兼容的视频脚本 —— 6–10 个连续 1920×1080 帧,自带 duration / transition 注释和自动播放脚本。直接交给 heygen-com/hyperframes 或 Remotion 渲 .mp4。}	_{frame-glitch-title · frame · recommended: 6 故障艺术标题帧 —— cyan / magenta 像散偏移 + CRT 扫描线 + 数据腐败副标 + 角落 ASCII 噪点。Cyberpunk hero 或视频转场用。}
_{vfx-text-cursor · vfx · recommended: 7 VFX 文字光标开场 —— 光标在画布上"打字",每个字带 hot pink × cyan 像散拖尾 + 定向光斑。丢一句金句进去,就是电影级的视频片头。}	_{frame-logo-outro · frame · recommended: 8 品牌 Logo 收尾帧 —— Logo 分块装配 + glow bloom + tagline 上浮 + CTA。产品发布或品牌片的片尾闭幕镜头。}

完整 skill 目录(按 mode 分类)见下方 🎨 Skills 章节。

🤔 为什么做这个？

Claude Code 团队成员发了一条推：他们已经不用 markdown 写文档了，全部改成 HTML。理由很简单 ——

Markdown	HTML
给作者爽	给读者爽
排版受模板限制	排版无限自由
截图发推丑得离谱	直接是好看的图
二次粘贴公众号要重排	一键格式转换

HTML 是面向人的最终形态，Markdown 只是一段写作中的中间过程。

但 "写 HTML" 在过去意味着写 CSS、调字号、对齐网格、做响应式 —— 普通用户不会，设计师懒得，作者更没耐心。我们做的事情，是让 AI 在你按下 ⌘+Enter 之后，把任何输入（Markdown / CSV / Excel / JSON / SQL / 草稿…）立刻变成一份可交付的 HTML，然后一键去到公众号 / 推特 / 知乎 / 任何地方。所谓 "可交付"：生成完就是受众实际看到的样子，不再需要 "我先这样、待会再调"。

我们站在四个开源项目的肩膀上：

nexu-io/open-design —— Agent 检测层 + 设计 system 思路 + Skills protocol；本仓库的 next/src/lib/agents/ 和 next/src/lib/templates/skills/* 直接借鉴这套模型。
mdnice/markdown-nice —— juice 内联 CSS、公众号 / 知乎兼容粘贴的可行性证明。
gcui-art/markdown-to-image —— iframe → 高 DPI PNG 的截图导出路径。
alchaincyf/huashu-md-html —— 反 AI-slop 的话术 / 设计哲学，对应我们模板里的硬约束（中文优先字体、8px 基线网格、对比 ≥ 4.5、必须用真实数据）。

一览

	你会拿到什么
本地 coding-agent CLI（8 个）	Claude Code · Cursor Agent · OpenAI Codex · Gemini CLI · GitHub Copilot CLI · OpenCode · Qwen Coder · Aider —— 启动时扫描 `PATH`（含 `~/.local/bin` · `~/.bun/bin` · `/opt/homebrew/bin` · `~/.npm-global/bin` 这些 GUI 启动会漏掉的目录），顶栏一键切换。
零 API Key	直接复用你已经在终端登录好的 `claude login` · `cursor login` · `gemini auth` session。订阅复用 = 0 边际成本。
Skill 模板（75 套）	`prototype`（web / SaaS landing / dashboard / 数据报告） · `deck`（20 套 keynote PPT，含 Swiss International、Guizang Editorial、XHS Pastel、Hermes Cyber、Replit、Magazine Web 等） · `frame`（10 套 Hyperframes 视频帧：液态背景、NYT 数据图表、贴纸流程图、像素故障字幕、电影漏光、macOS 通知、品牌片尾…） · `social`（X / 小红书 / Spotify / Reddit 卡片） · `office`（PM 规格书 · 工程 runbook · 财务报告 · HR onboarding · 发票 · OKR · 周报 · 会议纪要 · 看板） · `doc`（Kami 暖羊皮纸 editorial） · `mockup`（3D 设备模型） · `vfx`（文本光标）。
9 类输出场景	📖 杂志文章 · 🎬 Keynote PPT · 📄 极简简历 · 🖼️ 营销海报 · 📱 小红书图文卡 · 🐦 推特分享卡 · 🛠️ Web 产品原型 · 📊 数据可视化报告 · 🎞️ Hyperframes 视频。每一类都有可挑选的具体 skill。
一键发布	`juice` 内联 CSS → 公众号粘贴 0 调整 · `modern-screenshot` 2× PNG → 拖入推文 · `<mjx-container>` → `data-eeimg` 占位 → 知乎公式自动渲染 · 单文件 `.html` 下载 · 高 DPI `.png` 下载。
流式渲染	`POST /api/convert` 走 SSE，agent stdout 的 JSON-line 流式抽出 text → 客户端 append → iframe `srcdoc` 实时刷新。等待时间 = 看 AI 现场写代码的体验。
沙箱预览	`iframe[sandbox="allow-scripts allow-same-origin"]`，用户 HTML 隔离运行，宿主页面不受污染。
格式自动识别	编辑器一栏，粘 Markdown / CSV / TSV / JSON / SQL / 纯文本都识别，`papaparse` + `xlsx` 在浏览器端解析，不上传服务器。
部署	本地 `pnpm -F @html-anything/next dev` / Vercel 一键部署 web 层（agent 永远跑在本地）。
License	Apache-2.0

Demo

_{主界面 —— 顶栏自动识别你已装的 CLI，左侧粘内容，中间挑模板和设计 system，右侧 iframe 实时预览。同一个面板搞定杂志、PPT、海报、Web 原型、Hyperframes 帧脚本。}	_{75 套模板可搜索可筛选 —— 按 mode（prototype / deck / frame / social / office / doc）与 scenario（design / marketing / engineering / product / personal）二维筛。每套模板都附 example.html，双击直接看效果。}
_{SSE 流式 —— agent 的 stdout JSON-line 流式抽出文本，append 进 iframe srcdoc。你能看着它一行一行写出来，不满意可以中途打断重发，不浪费一整次生成。}	_{一键发布到平台 —— 微信公众号（juice 内联 CSS）· 推特 / 微博 / 小红书（modern-screenshot 渲染成 2× PNG，写进 ClipboardItem）· 知乎（公式占位）· 下载 .html · 下载 .png。粘贴即用，0 二次排版。}
_{Deck 模式 —— 20 套 PPT skill，含 Swiss International（瑞士国际主义）· Guizang Editorial（编辑墨水）· Open Slide Canvas（1920×1080 agent-native）· Magazine Web · XHS Pastel · Hermes Cyber · Replit Style 等。←/→ 切页，支持演讲者备注与打印 PDF。}	_{Hyperframes 视频帧 —— 10 套帧脚本（液态背景 hero · NYT 数据图表 · 贴纸流程图 · 像素故障标题 · 电影漏光 · macOS 通知 · 品牌 logo 片尾 · 文本光标 VFX · 3D 设备模型 …）符合 heygen-com/hyperframes 规范，可直送 Remotion 渲染 mp4。}

⚡ 30 秒上手

git clone https://github.com/nexu-io/html-anything
cd html-anything
pnpm install
pnpm -F @html-anything/next dev
# → http://localhost:3000

打开浏览器 → 顶栏会自动列出你电脑上已经登录好的本地 code agent → 选一个模板 → 粘贴内容 → ⌘+Enter

无需 API Key。我们直接复用你已经在用的 Claude / Cursor / Codex 订阅，0 边际成本。

Workspace

这个仓库是一个很小的 pnpm workspace：

next/ 是完整 Next 应用（@html-anything/next）。
e2e/ 是浏览器测试包（@html-anything/e2e），也是 Playwright 用例的唯一真相源。
根目录只负责 CI、文档和 scripts/guard.ts；根 package.json 有意不代理 app 或 e2e 命令。

从仓库根目录运行 package 命令：

pnpm exec tsx scripts/guard.ts
pnpm -F @html-anything/next dev
pnpm -F @html-anything/next typecheck
pnpm -F @html-anything/next test
pnpm -F @html-anything/next build
pnpm -F @html-anything/e2e typecheck
pnpm -F @html-anything/e2e test

🧠 自动识别本地 agent

进入主页时，我们扫描你的 PATH（包括 ~/.local/bin、~/.bun/bin、/opt/homebrew/bin、~/.npm-global/bin 等通过 GUI 启动会被过滤掉的目录），检测以下 CLI：

Agent	检测命令	调用方式
Claude Code	`claude`	`claude -p --output-format stream-json`
OpenAI Codex	`codex`	`codex exec --json --sandbox workspace-write`
Cursor Agent	`cursor-agent`	`cursor-agent --print --output-format stream-json --force --trust`
Gemini CLI	`gemini`	`gemini --output-format stream-json --yolo`
GitHub Copilot CLI	`copilot`	`copilot --allow-all-tools --output-format json`
OpenCode	`opencode-cli` / `opencode`	`opencode run --format json --dangerously-skip-permissions -`
Qwen Coder	`qwen`	`qwen --yolo -`
Aider	`aider`	`aider --no-pretty --no-stream --yes-always --message-file -`

这一层的设计直接借鉴了 nexu-io/open-design 和 multica-ai/multica 的 agent 检测策略：唯一被 spawn 子进程的进程是 server route，业务进程不直接 spawn；CLI 的 stdin / stdout 用 JSON-line 协议复用，每个 CLI 一个轻 adapter，统一在 next/src/lib/agents/argv.ts。

只要你已经在终端里登录过对应的 CLI（例如 claude login、cursor login），HTML Anything 直接复用同一个 session，不要求你再贴一遍 API Key。

🎨 Skills

75 套 skill 在 next/src/lib/templates/skills/ 下开箱即用。 每个 skill 是一个文件夹，遵循 Claude Code SKILL.md 约定 + 扩展 frontmatter（mode · scenario · surface · preview · design_system）。

picker 用两个维度组织：

mode —— prototype（web / SaaS landing / dashboard / 数据报告 / 简历 / 文档） · deck（20 套幻灯片 skill） · frame（10 套 Hyperframes 视频帧脚本） · social（4 套社交平台分享卡） · office（PM / 工程 / 财务 / HR / 行政表格化文档）。
scenario —— design / marketing / engineering / product / finance / hr / sale / personal，用于在 picker 里分组展示。

完整 skill 目录（按 mode 分类）请见 English README，结构一一对应，链接也都是同一个 repo path。新增 skill 只需要 fork 一个 skill 文件夹、改 SKILL.md frontmatter、重启 dev server，picker 里就会出现；merge 标准见 CONTRIBUTING.zh-CN.md。

六个核心想法

1 · 我们不发 agent，你装的就够好

主界面进来时，浏览器调 /api/agents，server 端扫一遍 PATH（含 GUI 启动会丢的 ~/.local/bin · ~/.bun/bin · /opt/homebrew/bin · ~/.npm-global/bin），识别到哪些 CLI 在场，就把哪些放进顶栏。每个 CLI 对应一个 adapter（参数 + stdin 协议 + 输出解析器），在 next/src/lib/agents/argv.ts 里集中维护。整套思路直接借鉴 nexu-io/open-design 和 multica-ai/multica 的 agent-detection 模型。

2 · Skills 是文件夹，不是插件

遵循 Claude Code SKILL.md 约定 —— SKILL.md + assets/ + references/ + example.html。drop 一个文件夹到 next/src/lib/templates/skills/，重启 dev server，picker 里就出现。deck-guizang-editorial 直接 vendor 自 op7418/guizang-ppt-skill（保留原始 LICENSE 与署名）。

3 · 强制约束让 AI 不再 freestyle

每个模板都硬编码了：

中文优先字体栈：Noto Sans/Serif SC / 思源黑体；英文用 Inter / Manrope。
8 px 基线网格：所有间距、行高、字号都是 8 的倍数。
圆角 / 投影 / 不用纯黑纯白 —— 视觉上去 AI-slop 化。
颜色对比 ≥ 4.5，重要交互必有 :focus 态。
必须使用用户提供的真实数据，禁止 lorem ipsum。

灵感来自 alchaincyf/huashu-design 的 "Junior-Designer mode" + 反 AI-slop checklist。约束就是 prompt 的一部分，写进每个 SKILL.md。

4 · 流式渲染 = 看着 AI 现场画

POST /api/convert 走 SSE。Agent 的 stdout 是一行行 JSON-line，server 抽出其中的 text 字段，作为 SSE event 推下去，客户端 append 进 iframe[srcdoc]。整个过程跟在终端里看 AI 写代码一模一样，只不过最终产物是好看的 HTML 而不是 markdown。不满意可以打断，不浪费一整次 token。

5 · 一键发布到平台 = 0 二次排版

微信公众号：juice 内联 CSS + data-tool 标记 → 粘进编辑器直接显示，不丢样式。
推特 / 微博 / 小红书：modern-screenshot 把 iframe 渲染成 2× PNG → ClipboardItem → 直接粘到推文 / 图床。
知乎：同上 + <mjx-container> → data-eeimg LaTeX 图占位（知乎不支持 KaTeX 直渲，必须转成图）。
下载 .html / 下载 .png：自包含单文件，任意分享。

实现思路参考自 mdnice/markdown-nice 和 gcui-art/markdown-to-image。

6 · 沙箱 iframe = 安全 + 隔离

用户输出的 HTML 总是放进 iframe[sandbox="allow-scripts allow-same-origin"] 里。第三方脚本可以跑（Tailwind CDN / Google Fonts / 用户自定义动效），但 cookie 和 localStorage 走 iframe 自己的 origin，不污染宿主页面。打开 devtools 也只看 iframe 自己的 DOM，调试体验和写一个独立 HTML 文件一致。

架构

┌─────────────────────── Browser (Next.js 16) ──────────────────────┐
│  Editor / 上传 · 顶栏 agent picker · 模板 picker · iframe 预览       │
└─────────────┬──────────────────────────────────┬──────────────────┘
              │ ⌘+Enter                            │
              ▼                                    ▼
     ┌─────────────────────┐            ┌──────────────────────┐
     │  GET /api/agents    │            │  POST /api/convert   │
     │  扫 PATH 检测 CLI    │            │  SSE 流式调用 agent   │
     └─────────────────────┘            └──────────┬───────────┘
                                                   │ spawn + stdin pipe
                                                   ▼
                                ┌────────────────────────────────────┐
                                │  你本地的 code agent                │
                                │  claude / codex / cursor-agent /   │
                                │  gemini / copilot / opencode /     │
                                │  qwen / aider                      │
                                │  → 复用你已登录的 session           │
                                └────────────────────────────────────┘
                                                   │
                                                   ▼
                                stdout JSON-line ──► SSE event
                                                   │
                                                   ▼
                              iframe srcdoc append（实时刷新）
                                                   │
                              ⌘+C 复制 → ClipboardItem
                              ⌘+S 下载 → .html / .png

层	技术栈
Frontend	Next.js 16 App Router + Turbopack · React 19 · Tailwind v4 · zustand 全局状态
Server routes	`GET /api/agents`（检测） · `POST /api/convert`（SSE 流式 spawn）
Agent transport	`child_process.spawn` · 每个 CLI 一个 stdin/stdout adapter（`next/src/lib/agents/argv.ts`）
浏览器端处理	`juice`（CSS 内联） · `modern-screenshot`（PNG 截图） · `xlsx` / `papaparse`（CSV/Excel 解析） · `marked` + `highlight.js`（markdown 兼容输入） · `dompurify`（XSS 防御）
预览沙箱	`iframe[sandbox="allow-scripts allow-same-origin"]` + `srcdoc`
导出	`.html` 单文件 · `.png` 高 DPI · ClipboardItem 富文本 / image/png · 微信兼容 inline CSS
部署	本地 `pnpm -F @html-anything/next dev` · Vercel 一键 web 层（agent 永远跑本地）

一键发布到平台

平台	实现	粘贴效果
微信公众号	`juice` 内联 CSS + `data-tool` 标记	0 调整，直接显示
知乎	同上 + `<mjx-container>` → `data-eeimg` LaTeX 图占位	公式自动渲染
推特 / 微博 / 小红书	`modern-screenshot` 把 iframe 渲染成 2× PNG → ClipboardItem	直接粘到推文
下载 `.html`	单文件，双击打开	任意分享
下载 `.png`	高 DPI 截图	任意分享

🛣️ Roadmap

多模板比较预览 —— 同一份内容生成 4 张候选，选最美的一张落地
Hyperframes → mp4 —— 一键把帧脚本送进 Remotion 渲真视频
共享设计 system —— 与 nexu-io/open-design 互通 DESIGN.md 资产
模板市场 —— 社区贡献你的提示词与示例
浏览器扩展 —— 选中网页内容 → 一键转 HTML 模板
历史记录 / 版本对比 / IndexedDB 存档
更多平台导出适配 —— 微信视频号 · 抖音字幕 · Notion · Linear · Telegraph

📍 进度

早期但能用。识别 agent → 选 skill → SSE 流式渲染 → sandboxed iframe 预览 → 一键导出 —— 这条闭环已经跑通,8 个 CLI 全都能驱动。Skill 库和 SKILL.md 里的硬约束是这套东西最值钱的部分,这两块都稳定了。Picker UX、design-system 元数据、多模板对比流程还在每天迭代。如果你本机上跑出毛病了,提 issue 时附上你用的是哪个 agent CLI + 输入内容,这种 issue 推进最快。

模块	状态
Agent 自动识别(8 个 CLI)	✅ 稳定
Skill 注册表 + picker(75 个 skill)	✅ 稳定
SSE 流式渲染	✅ 稳定
Sandboxed iframe 预览	✅ 稳定
一键复制到公众号 / 推特 / 知乎 / `.html` / `.png`	✅ 稳定
CSV / Excel / JSON / SQL 格式自动识别	✅ 稳定
多模板对比(同一份生成 4 张,选 1 张落地)	🛠 进行中
Hyperframes → `.mp4` 一键交给 Remotion 渲视频	🛠 进行中
浏览器扩展(选中网页 → 转 HTML 模板)	⏳ 计划中
历史记录 / 版本对比 / IndexedDB 存档	⏳ 计划中
Skill 市场(`install <github-repo>`)	⏳ 计划中

🤝 贡献

欢迎 issue、PR、新 skill、新 agent 适配、新平台导出、翻译。最高杠杆的贡献往往就是一个文件夹、一份 Markdown、或者一段 PR-sized adapter —— 面积小、影响大。按你想加的东西对号入座:

新 skill —— 在 next/src/lib/templates/skills/ 加一个文件夹,带 SKILL.md + example.html(可选 assets/ 和 references/)。pnpm -F @html-anything/next dev 重启后 picker 自动发现。SKILL.md frontmatter 必须设 mode · scenario · surface · preview · design_system —— 抄一个邻居改就行。
新 coding-agent CLI 适配 —— 在 next/src/lib/agents/argv.ts 加一行,覆盖:识别用的 binary 名字、argv 拼装、stdin/stdout 协议、流式 parser。检测路径走 next/src/app/api/agents/,spawn 走 next/src/app/api/convert/。
新平台导出 —— 在 next/src/lib/export/ 加一个模块(放在 wechat.ts / image.ts / clipboard.ts 隔壁),并在导出菜单里加按钮。微信视频号 · 抖音字幕 · Notion · Linear · Telegraph · RSS 都是空位。
打磨某个 SKILL.md —— 加强硬约束(CJK 字体栈、8 px 基线、对比度 ≥ 4.5、必须用真实数据),加一段五维自检,换一套更合适的调色板。反 AI-slop 这类 PR 是我们最看重的形态。
翻译与文档 —— README.md 和 CONTRIBUTING.md 都和中文版并行维护,改一边请同步另一边。

完整的贡献流程、合并门槛、代码规范、以及我们不接受的 PR 类型 → CONTRIBUTING.zh-CN.md(English)。

📚 References & Lineage(依赖与渊源)

这个 repo 借鉴的所有外部项目 —— 每一个我们都拿了什么、对应落到哪个目录。

项目	在这里的角色
`nexu-io/open-design`	Agent 识别层、`DESIGN.md` 设计 system schema、`SKILL.md` 协议都来自这里。`next/src/lib/agents/argv.ts` 和 `next/src/lib/templates/skills/` 直接镜像了它的架构。
`multica-ai/multica`	Daemon-and-runtime 架构:一个特权进程 spawn 各家 CLI、JSON-line 做线协议、每个 CLI 一个薄 adapter。
`alchaincyf/huashu-design`	反 AI-slop 设计哲学 —— Junior-Designer 工作流、五步品牌资产协议、对比度 ≥ 4.5 / 8 px 基线 / 必须用真实数据。这些硬约束直接写进了每一个 `SKILL.md` frontmatter。
`alchaincyf/huashu-md-html`	公众号 / 知乎复制端到端兼容性的可行性证明。`next/src/lib/export/wechat.ts` 的参考实现。
`mdnice/markdown-nice`	`juice` 内联 CSS 链路 → 公众号 / 知乎粘贴零调整。驱动 `next/src/lib/export/wechat.ts`。
`mdnice/markdown-resume`	A4 简历版式的灵感来源 → `resume-modern`。
`gcui-art/markdown-to-image`	iframe → 高 DPI PNG 截图路径,用 `modern-screenshot` 复刻在 `next/src/lib/export/image.ts`。
`op7418/guizang-ppt-skill`	编辑墨水 PPT 原封不动接入 `deck-guizang-editorial` 和瑞士国际主义变体 `deck-swiss-international`。原 LICENSE + 作者署名保留。
`tw93/kami`	暖羊皮纸 + 墨蓝单色 editorial 文档系统 → `doc-kami-parchment`。
`1weiho/open-slide`	1920×1080 agent-native canvas 规范 → `deck-open-slide-canvas`。
`heygen-com/hyperframes`	整个 `frame-` / `vfx-` / `mockup-` / `social-` 家族遵循的帧脚本 schema。输出可以直接交给 Remotion 渲 `.mp4`。
`remotion-dev/remotion`	Hyperframes 帧脚本的目标渲染器。
`jimliu/baoyu-skills`	实用 skills 集合 —— picker 分类参考目录。

每一个 vendor 进来的 upstream skill 都在 next/src/lib/templates/skills/<skill>/ 里保留了原始 LICENSE 和作者署名。

📣 关注我们

X 上关注 @nexudotio,看版本发布、新 skill、新 design system,以及偶尔的 behind-the-scenes 线程。HTML Anything Discord 频道用来展示 demo、提模板需求、排查导出/agent 问题,也承接更长篇的社区讨论 —— 由上游 open-design 团队维护。

👥 贡献者

感谢每一个提 issue、开 PR、加 skill / agent 适配 / 导出适配的人。下面这面墙是我们能想到最直观的感谢方式。

如果你刚刚开第一个 PR —— 欢迎。good-first-issue / help-wanted 标签是最好的切入口。

⭐ Star History

曲线往上翘,就是我们要找的信号。点个 ★ 推一把。

📄 License

vendor 进来的第三方作品保留原始 LICENSE 与署名 —— 每个 next/src/lib/templates/skills/<skill>/ 文件夹里若存在 LICENSE / README.md，以它为准。

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

HTML Anything

🎨 看看效果

🤔 为什么做这个？

一览

Demo

⚡ 30 秒上手

Workspace

🧠 自动识别本地 agent

🎨 Skills

六个核心想法

1 · 我们不发 agent，你装的就够好

2 · Skills 是文件夹，不是插件

3 · 强制约束让 AI 不再 freestyle

4 · 流式渲染 = 看着 AI 现场画

5 · 一键发布到平台 = 0 二次排版

6 · 沙箱 iframe = 安全 + 隔离

架构

一键发布到平台

🛣️ Roadmap

📍 进度

🤝 贡献

📚 References & Lineage(依赖与渊源)

📣 关注我们

👥 贡献者

⭐ Star History

📄 License

FilesExpand file tree

README.zh-CN.md

Latest commit

History

README.zh-CN.md

File metadata and controls

HTML Anything

🎨 看看效果

🤔 为什么做这个？

一览

Demo

⚡ 30 秒上手

Workspace

🧠 自动识别本地 agent

🎨 Skills

六个核心想法

1 · 我们不发 agent，你装的就够好

2 · Skills 是文件夹，不是插件

3 · 强制约束让 AI 不再 freestyle

4 · 流式渲染 = 看着 AI 现场画

5 · 一键发布到平台 = 0 二次排版

6 · 沙箱 iframe = 安全 + 隔离

架构

一键发布到平台

🛣️ Roadmap

📍 进度

🤝 贡献

📚 References & Lineage(依赖与渊源)

📣 关注我们

👥 贡献者

⭐ Star History

📄 License