SKILLS_GUIDE.md
12.9 KB
🎯 Claude Code Skills 完全指南
本文档收录了系统中所有可用的 Skills（技能），按功能类别整理，帮助您快速了解和使用这些强大的开发辅助工具。
📑 目录
🛠️ 通用开发技能
| Skill | 名称 | 用途说明 |
|---|---|---|
api-generator |
API 生成器 ⭐ | 从 OpenAPI 文档自动生成前端 API 代码（含 JSDoc 注释） |
agent-browser |
浏览器自动化 | 浏览器交互、Web 测试、表单填充、截图和数据提取 |
algorithmic-art |
算法艺术创作 | 使用 p5.js 创建基于种子随机性和交互式参数探索的算法艺术 |
frontend-design |
前端界面设计 | 创建高质量、生产级别的用户界面和交互式 Web 组件 |
canvas-design |
Canvas 视觉设计 | 创建 .png 和 .pdf 格式的精美视觉艺术作品 |
find-skills |
技能发现器 | 帮助您发现和安装新的 agent skills |
skill-creator |
技能创建器 | 创建新的 skills 或更新现有 skills 的指南 |
📝 文档处理技能
| Skill | 名称 | 用途说明 |
|---|---|---|
docx |
Word 文档处理 | Word 文档的创建、编辑、分析，支持修订跟踪、注释和格式保留 |
xlsx |
Excel 电子表格 | Excel 表格的创建、编辑、分析，支持公式、格式化和数据可视化 |
pptx |
PowerPoint 演示文稿 | PowerPoint 的创建、编辑和分析，用于演示文稿制作 |
pdf |
PDF 操作工具包 | PDF 文本和表格提取、创建新 PDF、合并/分割文档、表单处理 |
doc-coauthoring |
文档协同工作流 | 引导用户进行结构化的文档协同创作流程 |
documentation-lookup |
文档查询助手 | 查询库、框架、API 参考文档和代码示例 |
🎨 设计与品牌
| Skill | 名称 | 用途说明 |
|---|---|---|
brand-guidelines |
品牌规范应用 | 应用 Anthropic 官方品牌颜色、排版到各种设计资产 |
theme-factory |
主题工厂 | 使用 10 种预设主题样式化幻灯片、文档、HTML 页面等 |
web-artifacts-builder |
Web 构建工具套件 | 创建多组件 HTML artifacts，使用 React、Tailwind CSS 等现代技术 |
slack-gif-creator |
Slack GIF 创作 | 创建针对 Slack 优化的动画 GIF，包含约束验证和动画概念 |
🚀 Claude Code 工作流
| Skill | 名称 | 用途说明 |
|---|---|---|
everything-claude-code:plan |
实施计划 | 重述需求、评估风险、创建分步实施计划（等待用户确认） |
everything-claude-code:tdd |
测试驱动开发 | 强制执行测试优先编写工作流，确保 80%+ 测试覆盖率 |
everything-claude-code:e2e |
端到端测试 | 使用 Playwright 生成和运行 E2E 测试，管理测试旅程 |
superpowers:brainstorming |
头脑风暴 | 在任何创意工作（创建功能、组件、添加功能）之前使用 |
superpowers:systematic-debugging |
系统化调试 | 遇到 bug、测试失败或意外行为时的调试流程 |
superpowers:verification-before-completion |
完成前验证 | 在声称工作完成之前，运行验证命令和检查 |
superpowers:executing-plans |
执行计划 | 在单独的会话中执行书面实施计划，带审查检查点 |
superpowers:writing-plans |
编写计划 | 当有规范或需求时，在编写代码之前规划实施步骤 |
🔍 代码审查与分析
| Skill | 名称 | 用途说明 |
|---|---|---|
superpowers:requesting-code-review |
请求代码审查 | 完成任务、实现主要功能或合并前验证工作质量 |
superpowers:receiving-code-review |
接收代码审查 | 在实现建议之前接收代码审查反馈 |
everything-claude-code:security-review |
安全审查 | 添加认证、处理用户输入、API 端点或敏感数据时的安全检测 |
everything-claude-code:database-reviewer |
数据库审查 | PostgreSQL 数据库查询优化、模式设计、安全和性能专家 |
📚 架构与模式
| Skill | 名称 | 用途说明 |
|---|---|---|
everything-claude-code:backend-patterns |
后端架构模式 | Node.js、Express、Next.js API 路由的后端架构和 API 设计模式 |
everything-claude-code:frontend-patterns |
前端开发模式 | React、Next.js、状态管理、性能优化和 UI 最佳实践 |
everything-claude-code:coding-standards |
编码标准 | TypeScript、JavaScript、React 和 Node.js 的通用编码标准和最佳实践 |
everything-claude-code:postgres-patterns |
PostgreSQL 模式 | 查询优化、模式设计、索引和安全性（基于 Supabase 最佳实践） |
everything-claude-code:clickhouse-io |
ClickHouse 模式 | ClickHouse 数据库模式、查询优化、分析和数据工程最佳实践 |
🧠 记忆与学习
| Skill | 名称 | 用途说明 |
|---|---|---|
episodic-memory:search-conversations |
搜索历史对话 | 跨会话语义或文本搜索，恢复之前的决策、解决方案和经验教训 |
everything-claude-code:continuous-learning |
持续学习 | 从 Claude Code 会话中提取可复用模式并保存为 skills |
ship-learn-next |
学习转化计划 | 将学习内容（如 YouTube 字幕、文章、教程）转化为可执行的实施计划 |
🛠️ Git 与工作流
| Skill | 名称 | 用途说明 |
|---|---|---|
superpowers:using-git-worktrees |
Git 工作树 | 开始需要与当前工作空间隔离的功能工作时创建隔离的 git 工作树 |
superpowers:finishing-a-development-branch |
完成开发分支 | 实现完成、所有测试通过，决定如何集成工作时的完成指南 |
superpowers:dispatching-parallel-agents |
并行代理调度 | 面对 2+ 个独立任务且无共享状态或顺序依赖时使用 |
superpowers:subagent-driven-development |
子代理驱动开发 | 使用独立任务在当前会话中执行实施计划 |
📊 项目相关
| Skill | 名称 | 用途说明 |
|---|---|---|
project-overview |
项目概览 | 完整的项目架构和结构指南，探索代码库和理解项目组织 |
glm-plan-usage:usage-query |
使用量查询 | 查询 GLM Coding Plan 当前账户的使用信息 |
glm-plan-bug:case-feedback |
问题反馈 | 提交案例反馈以报告问题或建议 |
🎖️ 专业领域技能
代码质量
| Skill | 名称 | 用途说明 |
|---|---|---|
everything-claude-code:code-reviewer |
代码审查专家 | 主动审查代码质量、安全性和可维护性 |
everything-claude-code:refactor-cleaner |
重构清理 | 死代码清理和整合，运行分析工具安全移除未使用代码 |
everything-claude-code:build-error-resolver |
构建错误解决 | 构建和 TypeScript 错误解决专家 |
everything-claude-code:tdd-guide |
TDD 指南 | 测试驱动开发专家，强制执行测试优先编写方法 |
开发流程
| Skill | 名称 | 用途说明 |
|---|---|---|
everything-claude-code:planner |
规划专家 | 复杂功能和重构的专家规划 |
everything-claude-code:architect |
软件架构师 | 系统设计、可扩展性和技术决策专家 |
everything-claude-code:doc-updater |
文档更新器 | 更新 codemaps 和文档的专家 |
everything-claude-code:strategic-compact |
策略性压缩 | 在逻辑阶段保留上下文的策略性压缩建议 |
everything-claude-code:iterative-retrieval |
迭代检索 | 逐步改进上下文检索的模式 |
测试与评估
| Skill | 名称 | 用途说明 |
|---|---|---|
everything-claude-code:e2e-runner |
E2E 测试运行器 | 使用 Playwright 生成、维护和运行 E2E 测试 |
everything-claude-code:eval-harness |
评估框架 | Claude Code 会话的正式评估框架 |
💡 使用技巧
调用方式
-
命令方式：在对话中输入
/skill-name- 例如：
/plan、/review、/tdd
- 例如：
自动触发：Claude 会根据任务类型自动调用相关 skills
手动指定：明确要求使用某个 skill
优先级顺序
当多个 skills 可能适用时，按以下顺序使用：
- 流程技能优先（brainstorming、debugging）- 决定如何处理任务
- 实施技能其次（frontend-design、mcp-builder）- 指导执行
示例：
- "让我们构建 X" → brainstorming → frontend-design
- "修复这个 bug" → debugging → domain-specific skills
技能类型
- 刚性（TDD、debugging）：严格遵循，不可偏离
- 灵活（patterns）：根据上下文调整原则
📖 快速参考
开发新功能时的典型流程
1. brainstorming → 创意和方案探索
2. plan → 制定实施计划
3. tdd → 编写测试
4. implementing → 编写代码
5. code-review → 代码审查
6. verification → 完成前验证
修复 Bug 时的典型流程
1. systematic-debugging → 问题诊断
2. implementing → 修复代码
3. testing → 验证修复
4. verification → 确认完成
代码审查流程
1. requesting-code-review → 提交审查请求
2. receiving-code-review → 接收反馈
3. implementing → 应用修改
🔗 相关文档
- CLAUDE.md - 项目总体架构与开发指南
- VUE_CODE_STYLE_GUIDE.md - Vue 代码风格规范
- CHANGELOG.md - 变更日志
📝 更新日志
- 2025-01-27: 初始版本，收录所有可用 Skills
本文档由 Claude Code 自动生成和维护