跳到正文
GitHub·· 9 天前AI 评分48

sutchan/Agent-Skills-Hub:172 个 AI 技能包集合

sutchan/Agent-Skills-Hub

AI 导读

sutchan/Agent-Skills-Hub 汇集 172 个 AI 技能包(公开可见 171 个),覆盖品牌与设计、前端开发、工程实践与质量、音视频与多媒体等 14 大领域。

正文

Agent Skills Hub Banner

版本 许可证 英文文档 技能数量

一个集中管理的 AI 技能(Skill)集合,涵盖品牌与设计、文档与内容、数据分析与可视化、前端开发、后端与平台、移动端开发、WordPress 与 CMS、工程实践与质量、文件与格式处理、自动化与集成、AI 与智能体、音视频与多媒体、桌面与客户端、安全 14 大领域,共 172 个技能包(其中 1 个标记为隐藏,公开可见 171 个)。每个技能是独立目录,内含 SKILL.md(技能说明与触发描述,含 frontmatter 前置元数据)及可选的 scripts/、references/、assets/、agents/ 等资源;本仓库做了“中文目录 + 中文描述”的本地化,正文主要保留上游英文,翻译覆盖率由 tools/coverage.py 统计。

快速开始

只想用技能?5 步搞定,无需碰构建脚本。

  1. 浏览技能:直接双击打开 prototype/prototype.html(离线自包含,内联全部数据),或运行 src/ 在线应用。
  2. 挑选技能:按 14 大领域筛选,点开卡片查看 SKILL.md 说明与触发条件。
  3. 安装技能:把 skills/<name>/ 整个目录复制到你的 Agent 技能目录:
    • Claude Code:~/.claude/skills/
    • CodeBuddy:对应 skills 路径(参考客户端文档)
  4. 触发使用:技能靠 SKILL.md 的 description 自动触发,也可在对话中显式 @技能名 调用。
  5. 查看依赖:部分技能依赖 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)浏览全部技能,挑出需要的,再按下面任一方式安装到你的 Agent。

方式 A:手动复制(快速上手)

  1. 将需要的技能目录 skills/<name>/ 整个复制到你的 Agent 技能目录下:
    • Claude Code:~/.claude/skills/(Windows:%USERPROFILE%\.claude\skills\)
    • CodeBuddy:对应 skills 路径(参考客户端文档)
    • 其他 Agent:参考其技能目录约定
  2. 技能通过 SKILL.md 的 description 字段自动触发,也可在对话中显式 @技能名 调用。
  3. 部分技能依赖 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/,目录名须与 frontmatter name 字段保持一致。
  • 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