sutchan/Agent-Skills-Hub:172 个 AI 技能包集合
sutchan/Agent-Skills-Hub
sutchan/Agent-Skills-Hub 汇集 172 个 AI 技能包(公开可见 171 个),覆盖品牌与设计、前端开发、工程实践与质量、音视频与多媒体等 14 大领域。
一个集中管理的 AI 技能(Skill)集合,涵盖品牌与设计、文档与内容、数据分析与可视化、前端开发、后端与平台、移动端开发、WordPress 与 CMS、工程实践与质量、文件与格式处理、自动化与集成、AI 与智能体、音视频与多媒体、桌面与客户端、安全 14 大领域,共 172 个技能包(其中 1 个标记为隐藏,公开可见 171 个)。每个技能是独立目录,内含 SKILL.md(技能说明与触发描述,含 frontmatter 前置元数据)及可选的 scripts/、references/、assets/、agents/ 等资源;本仓库做了“中文目录 + 中文描述”的本地化,正文主要保留上游英文,翻译覆盖率由 tools/coverage.py 统计。
快速开始
只想用技能?5 步搞定,无需碰构建脚本。
- 浏览技能:直接双击打开
prototype/prototype.html(离线自包含,内联全部数据),或运行src/在线应用。 - 挑选技能:按 14 大领域筛选,点开卡片查看
SKILL.md说明与触发条件。 - 安装技能:把
skills/<name>/整个目录复制到你的 Agent 技能目录:- Claude Code:
~/.claude/skills/ - CodeBuddy:对应 skills 路径(参考客户端文档)
- Claude Code:
- 触发使用:技能靠
SKILL.md的description自动触发,也可在对话中显式@技能名调用。 - 查看依赖:部分技能依赖
scripts/脚本或外部工具,使用前先读对应SKILL.md的依赖说明。
想批量安装 / 更新 / 卸载?见下方 使用方式。
项目亮点
为什么选择 Agent Skills Hub?
| 亮点 | 说明 | |
|---|---|---|
| ⚙️ | 零维护清单 | 技能数据与展示页由 npm run build 从磁盘 skills/*/SKILL.md 自动生成,技能增删无需手工维护任何清单 |
| 🗂️ | 172 技能 · 14 大领域 | 覆盖品牌与设计、文档与内容、数据分析与可视化、前端开发、后端与平台、移动端开发、WordPress 与 CMS、工程实践与质量、文件与格式处理、自动化与集成、AI 与智能体、音视频与多媒体、桌面与客户端、安全 |
| 🌏 | 默认中文 | 中文目录 + 中文一句话简介 + 中文完整描述(description,默认展示语言),英文原文存 en_description,中文 Agent 用户开箱即用 |
| 📦 | 一键安装 | 配合 skills-manager 批量安装 / 更新 / 卸载 |
| 🚀 | 离线可用 | 自包含静态展示页(prototype/prototype.html)内联全部数据,双击即可浏览全部技能,无框架依赖 |
目录
仓库结构
<skill-name>/
├── SKILL.md # 技能入口:frontmatter 前置元数据(name/description/en_description/zh_displayName/category/en_category 等)+ 使用说明
├── scripts/ # 可选:可执行脚本
├── references/ # 可选:参考文档
├── assets/ # 可选:模板/素材
└── agents/ # 可选:子代理定义
技能浏览
技能按以下领域组织(完整技能列表与实时数量见 在线展示页面,本清单为领域导航,不随单个技能增删而频繁变动):
| 领域 | 技能数 |
|---|---|
| 品牌与设计 | 32 |
| 文档与内容 | 2 |
| 数据分析与可视化 | 2 |
| 前端开发 | 11 |
| 后端与平台 | 8 |
| 移动端开发 | 27 |
| WordPress 与 CMS | 7 |
| 工程实践与质量 | 35 |
| 文件与格式处理 | 2 |
| 自动化与集成 | 6 |
| AI 与智能体 | 9 |
| 音视频与多媒体 | 25 |
| 桌面与客户端 | 2 |
| 安全 | 4 |
浏览全部技能:
- 静态展示页:
prototype/prototype.html- 数据文件:
data/skills-data.json(稳定元数据,由npm run build从skills/自动生成)+data/skills-metrics.json(频繁更新的派生指标,独立存储)- 在线应用:见下方 在线展示页面
使用方式
先到 在线展示页面(或直接打开 prototype/prototype.html)浏览全部技能,挑出需要的,再按下面任一方式安装到你的 Agent。
方式 A:手动复制(快速上手)
- 将需要的技能目录
skills/<name>/整个复制到你的 Agent 技能目录下:- Claude Code:
~/.claude/skills/(Windows:%USERPROFILE%\.claude\skills\) - CodeBuddy:对应 skills 路径(参考客户端文档)
- 其他 Agent:参考其技能目录约定
- Claude Code:
- 技能通过
SKILL.md的description字段自动触发,也可在对话中显式@技能名调用。 - 部分技能依赖
scripts/脚本或外部工具,使用前请阅读对应SKILL.md的依赖说明。
方式 B:skills-manager 一键安装与管理
推荐使用 skills-manager 批量安装、更新与卸载技能,免去手动复制目录的麻烦:
git clone https://github.com/sutchan/Agent-Skills-Hub.git cd Agent-Skills-Hub # 按 skills-manager 的用法将本项目 skills/ 目录中的技能导入/链接到你的 Agent # 示例(以 skills-manager 实际支持的命令为准): # skills-manager add ./skills/<name> # 安装单个技能 # skills-manager sync ./skills # 批量同步全部技能
具体命令与配置请参考 skills-manager 仓库文档。
在线展示页面
仓库提供两种可运行的展示方式,均从 skills/<name>/SKILL.md 自动生成,技能增删后运行 npm run build 即可更新,无需手工维护清单:
| 目录 | 类型 | 用途 |
|---|---|---|
prototype/prototype.html |
静态单文件展示页 | 自包含全部技能数据,构建时内联,可离线打开 |
src/ |
可运行 Web 应用(源码) | 基于 Next.js(src 目录约定),从 skills/ 实时生成数据 |
src/ 是应用源码工作区(遵循 Next.js 官方 src/ 目录约定:src/app/ 路由、src/components/ 组件、src/lib/ 逻辑),与仓库根的构建/部署配置文件解耦,技术栈与命令见仓库根 package.json:
npm install npm run dev # 本地开发服务器(next dev) npm run build # 生产构建(数据/原型 + next build) npm run start # 启动生产服务
贡献指南
- 新增技能:使用
skill-creator技能按规范创建与评估。 - 技能目录命名使用小写中划线(
kebab-case),如python-testing/,目录名须与 frontmattername字段保持一致。 SKILL.md必须包含name、description、en_description、zh_displayName、category与en_category前置元数据:category取 14 大领域之一(中文,稳定键:品牌与设计 / 文档与内容 / 数据分析与可视化 / 前端开发 / 后端与平台 / 移动端开发 / WordPress 与 CMS / 工程实践与质量 / 文件与格式处理 / 自动化与集成 / AI 与智能体 / 音视频与多媒体 / 桌面与客户端 / 安全),en_category为对应英文分类名;zh_displayName为中文一句话简介;description为中文完整描述(默认展示语言),en_description为英文原文描述。tools/build-skills-data.mjs以磁盘skills/为唯一权威源读取这些字段,未知分类自动追加为末位「其他」类(属违规,须为零)。- 技能变更后运行
npm run build重新生成data/skills-data.json+data/skills-metrics.json与展示页。频繁更新的指标(popularity/stars/size/files)仅需重算skills-metrics.json,主数据文件保持轻量。
许可证
各技能许可证见其目录内 LICENSE 文件(如 skill-creator/LICENSE.txt)。
相关文档
来源:GitHub · github.com