Skills
Skills 是 Claude Code 的模块化能力扩展,通过加载专门的指令、脚本和资源来提升特定任务的处理能力。
官方 Skills
Anthropic 官方提供的 Skills 集合,涵盖文档处理、设计开发等多个领域。
仓库地址: anthropics/skills
安装方式
# 添加 marketplace
/plugin marketplace add anthropics/skills
# 安装插件
/plugin install document-skills@anthropic-agent-skills
/plugin install example-skills@anthropic-agent-skillsSkills 列表
文档处理类
| Skill | 功能 |
|---|---|
pdf | PDF 文档操作 |
docx | Word 文档创建/编辑 |
pptx | PowerPoint 创建/编辑 |
xlsx | Excel 表格处理 |
设计开发类
| Skill | 功能 |
|---|---|
frontend-design | 前端设计 |
canvas-design | 画布设计 |
algorithmic-art | 算法艺术生成 |
brand-guidelines | 品牌指南 |
theme-factory | 主题工厂 |
开发工具类
| Skill | 功能 |
|---|---|
mcp-builder | MCP 服务构建 |
skill-creator | Skill 创建器 |
web-artifacts-builder | Web 构件构建 |
webapp-testing | Web 应用测试 |
企业协作类
| Skill | 功能 |
|---|---|
doc-coauthoring | 文档协作 |
internal-comms | 内部沟通 |
slack-gif-creator | Slack GIF 创建 |
许可说明
- 示例 Skills:Apache 2.0(开源)
- 文档 Skills:Source-available(仅供参考)
Skills CLI (skills.sh)
开放的 Agent Skills 生态包管理器,类似于"AI Agent 的 npm"。支持 Claude Code、Codex、Cursor、Cline 等 35+ AI 编码代理。
仓库地址: vercel-labs/skills
Skills 注册表: skills.sh
安装 Skill
无需全局安装 CLI,通过 npx 直接使用:
# 安装 skill 包到当前项目(默认)
npx skills add <package> -a claude-code
# 全局安装(对所有项目生效)
npx skills add <package> -g -a claude-code
# 安装特定 skill
npx skills add <package> --skill <skill-name> -a claude-code
# 非交互模式
npx skills add <package> --skill <skill-name> -g -a claude-code -y常用命令
| 命令 | 别名 | 说明 |
|---|---|---|
add <package> | - | 安装 skill 包 |
remove [skills...] | - | 卸载 skill |
list | ls | 列出已安装的 skill |
find [query] | - | 搜索 skill |
init [name] | - | 创建 skill 模板 |
check | - | 检查更新 |
update | - | 更新所有 skill |
安装路径
| 代理 | 路径 |
|---|---|
| Claude Code | .claude/skills/<name>/ |
| Codex | .codex/skills/<name>/ |
| Cursor | .cursor/skills/<name>/ |
| Amp | .agents/skills/<name>/ |
安装后 Claude Code 会自动发现 .claude/skills/ 目录中的 skill,无需手动调用。
支持的来源
- GitHub 仓库:
vercel-labs/agent-skills - 完整 URL:
https://github.com/user/repo - 本地路径
- 直接指向 SKILL.md 的 URL
Vercel Agent Skills
Vercel 官方 Agent Skills 集合,包含经过验证的高质量 skill。
仓库地址: vercel-labs/agent-skills
安装方式
# 安装所有 skill
npx skills add vercel-labs/agent-skills -a claude-code
# 安装单个 skill
npx skills add vercel-labs/agent-skills --skill react-best-practices -a claude-code
npx skills add vercel-labs/agent-skills --skill web-design-guidelines -a claude-codeSkills 列表
| Skill | 说明 |
|---|---|
vercel-react-best-practices | React / Next.js 性能优化指南,57 条规则覆盖 8 个类别,涵盖组件模式、数据获取、渲染优化等 |
web-design-guidelines | Web 界面设计规范,100+ 条规则覆盖无障碍、性能、UX 等 11 个类别 |
vercel-deploy-claimable | 一键部署到 Vercel,自动检测 40+ 框架,返回预览 URL,支持后续认领转移所有权 |
自动激活
安装后无需手动调用。当 Claude Code 检测到相关任务(如编写 React 组件、优化 Next.js 页面)时,会自动读取对应的 SKILL.md 并应用规则。
UI UX Pro Max
专业的 UI/UX 设计智能 Skill,提供完整的设计系统生成能力。
仓库地址: nextlevelbuilder/ui-ux-pro-max-skill
核心能力
- 67 种 UI 风格:Glassmorphism、Claymorphism、Minimalism、Brutalism、Neumorphism、Bento Grid 等
- 96 套配色方案:覆盖 SaaS、电商、医疗、金融、美妆等行业
- 57 组字体搭配:精选 Google Fonts 组合
- 25 种图表类型:仪表盘和数据分析推荐
- 99 条 UX 准则:最佳实践和无障碍规则
- 100 条行业推理规则:科技、金融、医疗、电商、服务、创意、新兴科技
支持的技术栈
| 类型 | 框架 |
|---|---|
| Web | React, Next.js, Vue, Nuxt.js, Svelte, Astro, HTML + Tailwind |
| UI 库 | shadcn/ui, Nuxt UI |
| 移动端 | SwiftUI, Jetpack Compose, React Native, Flutter |
安装方式
/plugin marketplace add nextlevelbuilder/ui-ux-pro-max-skill
/plugin install ui-ux-pro-max@ui-ux-pro-max-skill使用方式
自动激活模式(Claude Code, Cursor, Windsurf 等):
Build a landing page for my SaaS productSlash Command 模式(Kiro, GitHub Copilot, Roo Code):
/ui-ux-pro-max Build a dashboard for analytics设计系统持久化
生成分层设计系统:
design-system/
├── MASTER.md # 全局设计规范
└── pages/
└── [page-name].md # 页面级覆盖多模型协作 Skills
实现 Claude 与其他 AI 模型(Codex、Gemini)的无缝协作。
仓库地址: GuDaStudio/skills
前置要求
- Python 3.8+(推荐 3.10)
- Claude Code v2.0.56+
- Codex CLI / Gemini CLI
安装方式
git clone --recurse-submodules https://github.com/GuDaStudio/skills
cd skills
./install.sh --user --allcollaborating-with-codex
委托编码任务给 OpenAI Codex,适用于后端开发、算法实现、调试分析。
# 基础分析
python scripts/codex_bridge.py --cd "/project" --PROMPT "分析认证流程"
# 多轮对话
python scripts/codex_bridge.py --cd "/project" --SESSION_ID "uuid" --PROMPT "提供修复建议"collaborating-with-gemini
委托编码任务给 Google Gemini,适用于前端开发、UI 组件、逻辑分析。
python scripts/gemini_bridge.py --cd "/project" --PROMPT "审查 login.py 的安全问题"核心参数
| 参数 | 说明 |
|---|---|
--PROMPT | 任务指令(必填) |
--cd | 工作目录(必填) |
--SESSION_ID | 会话 ID(多轮对话) |
--sandbox | 沙箱策略(推荐 read-only) |
--return-all-messages | 返回完整推理信息 |
推荐工作流
5 阶段协作流程:
- 上下文检索 - 使用 MCP 工具获取代码上下文
- 多模型分析 - Codex + Gemini 交叉验证
- 原型获取 - 前端用 Gemini,后端用 Codex
- 编码实施 - Claude 重构为生产代码
- 审计交付 - 双模型 Code Review
安全特性
- 默认
read-only沙箱模式 - 外部模型无文件写入权限
- 仅返回 unified diff patch
- Claude 作为最终代码实现者
创建自定义 Skill
基本结构
---
name: my-skill-name
description: 清晰描述 Skill 的功能和使用场景
---
# My Skill Name
[给 Claude 的指令]
## Examples
- 示例用法 1
## Guidelines
- 准则 1必填字段
| 字段 | 说明 |
|---|---|
name | 唯一标识符(小写,连字符分隔) |
description | 完整的功能描述 |
目录结构
.claude/skills/
└── my-skill/
├── SKILL.md # Skill 定义
├── scripts/ # 辅助脚本
└── resources/ # 资源文件Skill Seekers
自动化 Claude AI 技能生成工具,可将文档网站、GitHub 仓库和 PDF 文件转换为生产就绪的 Claude AI 技能。
仓库地址: yusufkaraaslan/Skill_Seekers
核心功能
| 功能 | 说明 |
|---|---|
| 文档抓取 | 支持 llms.txt、通用网站抓取、智能分类 |
| PDF 支持 | 文本提取、OCR、密码保护、表格提取 |
| GitHub 分析 | AST 解析、API 提取、Issues/PRs、CHANGELOG |
| 冲突检测 | 自动发现文档与代码实现的差异 |
| 多平台输出 | Claude、Gemini、ChatGPT、通用 Markdown |
安装方式
# 基础安装
pip install skill-seekers
# 完整功能
pip install skill-seekers[all]使用方法
# 抓取文档网站
skill-seekers scrape --config configs/react.json
# 分析 GitHub 仓库
skill-seekers github --repo facebook/react
# AI 增强处理
skill-seekers enhance output/react/
# 打包为技能
skill-seekers package output/react/
# 上传到 Claude
skill-seekers upload react.zip多平台输出
# Claude(默认)
skill-seekers package output/react/
# Google Gemini
skill-seekers package output/react/ --target gemini
# OpenAI ChatGPT
skill-seekers package output/react/ --target openai
# 通用 Markdown
skill-seekers package output/react/ --target markdown预设配置
项目内置多个流行框架的抓取配置:React、Vue、Django、FastAPI、Godot 等。