Skip to content

Skills

Skills 是 Claude Code 的模块化能力扩展,通过加载专门的指令、脚本和资源来提升特定任务的处理能力。

官方 Skills

Anthropic 官方提供的 Skills 集合,涵盖文档处理、设计开发等多个领域。

仓库地址: anthropics/skills

安装方式

bash
# 添加 marketplace
/plugin marketplace add anthropics/skills

# 安装插件
/plugin install document-skills@anthropic-agent-skills
/plugin install example-skills@anthropic-agent-skills

Skills 列表

文档处理类

Skill功能
pdfPDF 文档操作
docxWord 文档创建/编辑
pptxPowerPoint 创建/编辑
xlsxExcel 表格处理

设计开发类

Skill功能
frontend-design前端设计
canvas-design画布设计
algorithmic-art算法艺术生成
brand-guidelines品牌指南
theme-factory主题工厂

开发工具类

Skill功能
mcp-builderMCP 服务构建
skill-creatorSkill 创建器
web-artifacts-builderWeb 构件构建
webapp-testingWeb 应用测试

企业协作类

Skill功能
doc-coauthoring文档协作
internal-comms内部沟通
slack-gif-creatorSlack 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 直接使用:

bash
# 安装 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
listls列出已安装的 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

安装方式

bash
# 安装所有 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-code

Skills 列表

Skill说明
vercel-react-best-practicesReact / Next.js 性能优化指南,57 条规则覆盖 8 个类别,涵盖组件模式、数据获取、渲染优化等
web-design-guidelinesWeb 界面设计规范,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 条行业推理规则:科技、金融、医疗、电商、服务、创意、新兴科技

支持的技术栈

类型框架
WebReact, Next.js, Vue, Nuxt.js, Svelte, Astro, HTML + Tailwind
UI 库shadcn/ui, Nuxt UI
移动端SwiftUI, Jetpack Compose, React Native, Flutter

安装方式

bash
/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 product

Slash 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

安装方式

bash
git clone --recurse-submodules https://github.com/GuDaStudio/skills
cd skills
./install.sh --user --all

collaborating-with-codex

委托编码任务给 OpenAI Codex,适用于后端开发、算法实现、调试分析。

bash
# 基础分析
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 组件、逻辑分析。

bash
python scripts/gemini_bridge.py --cd "/project" --PROMPT "审查 login.py 的安全问题"

核心参数

参数说明
--PROMPT任务指令(必填)
--cd工作目录(必填)
--SESSION_ID会话 ID(多轮对话)
--sandbox沙箱策略(推荐 read-only)
--return-all-messages返回完整推理信息

推荐工作流

5 阶段协作流程:

  1. 上下文检索 - 使用 MCP 工具获取代码上下文
  2. 多模型分析 - Codex + Gemini 交叉验证
  3. 原型获取 - 前端用 Gemini,后端用 Codex
  4. 编码实施 - Claude 重构为生产代码
  5. 审计交付 - 双模型 Code Review

安全特性

  • 默认 read-only 沙箱模式
  • 外部模型无文件写入权限
  • 仅返回 unified diff patch
  • Claude 作为最终代码实现者

创建自定义 Skill

基本结构

markdown
---
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

安装方式

bash
# 基础安装
pip install skill-seekers

# 完整功能
pip install skill-seekers[all]

使用方法

bash
# 抓取文档网站
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

多平台输出

bash
# 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 等。