📊 页面导航

适用角色与上手难度

角色推荐度上手难度
🛠️ 开发★★★★★★☆☆☆☆
🧪 测试★★★★☆★☆☆☆☆
📦 产品★★★★☆★☆☆☆☆

🎯 学习产出: 了解 Claude Code 技能系统的全景,能独立选择适合自己场景的 Skills

🚀 AI 能力提升: 技能扩展

技能系统

预计阅读时间: 5 分钟

Skills(技能)是 Claude Code 的核心扩展机制,让你可以封装工作流程、注入领域知识、标准化团队最佳实践。本文按类型梳理了本站所有的 Skills 内容,帮助你快速找到需要的资源。

创建与管理

页面说明
自定义技能创建、编写和使用自定义 Skills
技能市场浏览和安装社区 Skills(skills.sh + CC-Switch)

开发工作流

完整的开发方法论和工程团队模拟,将专业实践封装为可组合的 Skills:

页面Skills 数量定位
Superpowers14结构化开发方法论(TDD、头脑风暴、代码审查)
Gstack23+虚拟工程团队(QA、安全、发布流程)
Ralph2自主迭代循环(PRD 驱动、跨会话记忆)
OpenSpec6规格驱动开发(先定义规格再写代码)

文档与上下文

页面说明
Context7实时文档注入 + Skills 管理 CLI
Claude-Mem跨会话持久记忆——自动捕获、语义检索

代码智能

为 Claude Code 提供超越文本搜索的代码理解能力——符号级操作、知识图谱、架构分析:

页面定位
SerenaIDE 级语义操作(LSP/JetBrains)——精确重构、符号编辑
Graphify多模态知识图谱——代码 + 文档 + PDF + 图片的统一图谱

按场景选择

场景推荐
想创建团队专属 Skills自定义技能
想发现和安装社区 Skills技能市场
想用 TDD 和结构化方法开发Superpowers
想模拟完整工程团队工作流Gstack
想让 AI 自主完成大型功能Ralph
想先定义规格再写代码OpenSpec
想让 Claude Code 使用最新库文档Context7
想优化 React 项目性能React 生态 Skills
想用 Vue 3 最佳实践开发Vue 生态 Skills
想设计高品质前端界面前端通用 Skills
想避免 AI 生成的平庸 UI 设计Taste Skill
想用 TypeScript 工程全流程 SkillsTypeScript 工程 Skills
想给 AI 注入设计审美能力Impeccable
想让 Claude Code 像 IDE 一样精确重构Serena
想整理混合材料(代码+论文+笔记)Graphify
想让 Claude Code 记住跨会话的项目经验Claude-Mem

前端框架 Skills

针对 React、Vue、TypeScript 等前端生态的推荐 Skills:

页面Skills 数量定位
React 生态 Skills3React 性能优化、组件组合、shadcn/ui
Vue 生态 Skills6Vue 3 全链路(Pinia、Vite、VueUse、Router)
TypeScript 工程17需求→交付全流程(拆解/TDD/架构/审查/诊断)
前端通用 Skills4跨框架 UI 设计、Web 规范、UnJS 工具链
Taste Skill13反 AI 平庸设计——三旋钮 + Pre-Flight Check
Impeccable23AI 设计质量增强——23 个命令 + 41 条检测规则

工具组合建议

以下 Skills 可以互补使用:

Superpowers(TDD + 头脑风暴)  →  Gstack(QA + 审查 + 发布)
OpenSpec(规格定义)  →  Ralph(自主实现)
自定义 Skills  →  CC-Switch(跨项目共享)
Serena(精确重构)  +  CodeGraph(代码探索)  +  Code Review Graph(审查分析)  +  Graphify(多模态图谱)
Context7(外部文档)  +  Claude-Mem(项目经验记忆)
Tip

当多个工具共存时,使用 AGENTS 全局路由协议 定义分工。理解 SDD、OpenSpec、Spec-Kit、Superpowers 的关系?参考 SDD 方法论与工具辨析