Skills 来源#

1. brainstorming — 创意构思#

来源：Superpowers

在任何创意工作开始之前，通过结构化的对话流程将模糊的想法转化为完整的设计方案。

1
/brainstorming

2. code-reviewer — 代码审查#

来源：awesome-llm-apps | 版本：2.0.0 | 许可证：MIT

专业的代码审查工具，按照优先级从高到低检查代码质量。

1
/code-reviewer

3. frontend-design — 前端设计#

来源：社区

以小型设计工作室设计总监的视角，为每个项目打造独特且有辨识度的视觉方案。

1
/frontend-design

4. skill-creator — 技能创建器#

来源：Anthropic 官方 | 许可证：Apache 2.0

创建新的 Claude Code Skills 并迭代优化，包含完整的测试、评估、打包流程。

1
想法 → 草稿 → 测试用例 → 运行评估 → 用户评审 → 改进 → 重复 → 打包

1
/skill-creator

5. ui-ux-pro-max — UI/UX 设计智能#

来源：社区

超级全面的 UI/UX 设计知识库，内置 Python 搜索脚本。

1
/ui-ux-pro-max

6. dispatching-parallel-agents — 调度并行子代理#

当任务可以拆分为多个独立子任务时，调度多个子代理并行执行，大幅提升效率。

1
/dispatching-parallel-agents

7. executing-plans — 执行实现计划#

按照 writing-plans 生成的计划逐步执行实现，确保每一步都有明确的输入输出和验证标准。

1
/executing-plans

8. finishing-a-development-branch — 完成开发分支#

开发分支的收尾流程，确保代码质量、测试通过、文档更新后再合并。

1
/finishing-a-development-branch

9. receiving-code-review — 处理代码审查反馈#

收到代码审查反馈后的处理流程：理解反馈、评估建议、实施修改、回复审查者。

1
/receiving-code-review

10. subagent-driven-development — 子代理驱动开发#

使用子代理来执行开发任务，主代理负责规划和协调，子代理负责具体实现。

1
/subagent-driven-development

11. systematic-debugging — 系统化调试#

结构化的调试方法论，避免盲目试错，用科学方法定位和修复 Bug。

1
/systematic-debugging

12. verification-before-completion — 完成前验证#

在标记任务完成之前，执行一系列验证检查，确保交付质量。

1
/verification-before-completion

13. writing-plans — 编写实现计划#

将设计方案转化为可执行的实现计划，明确每个步骤的具体操作、预期输出和验证标准。

1
1. 目标描述
2
2. 实现步骤（每步含：操作、输出、验证）
3
3. 依赖关系
4
4. 风险点
5
5. 回滚方案

1
/writing-plans

14. deploy-to-vercel — 部署到 Vercel#

版本：3.0.0

一键将项目部署到 Vercel。默认部署为预览环境，除非用户明确要求生产部署。

1
/deploy-to-vercel

15. vercel-composition-patterns — 组件组合模式#

版本：1.0.0 | 许可证：MIT

组件组合模式指南，帮助构建灵活、可维护的组件架构。虽然是 React 示例为主，但组合思想适用于所有组件化框架。

1
/vercel-composition-patterns

16. vercel-optimize — Vercel 性能优化#

版本：1.2.0

基于可观测数据的 Vercel 优化审计。先看数据，再给建议。

1
/vercel-optimize

17. web-design-guidelines — Web 界面设计规范#

版本：1.0.0

审查 UI 代码是否符合 Web Interface Guidelines。每次审查时从源头获取最新规范。

1
/web-design-guidelines

18. writing-guidelines — 文档写作规范#

版本：1.0.0

审查文档/文案是否符合 Writing Guidelines。适合博客、技术文档的写作质量审查。

1
/writing-guidelines

🎨 前端开发全流程#

1
brainstorming → writing-plans → executing-plans → frontend-design → verification-before-completion → code-reviewer

🚀 Vercel 部署优化#

1
vercel-optimize → deploy-to-vercel

🐛 Bug 修复流程#

1
systematic-debugging → verification-before-completion → code-reviewer

🧩 复杂功能开发#

1
brainstorming → writing-plans → subagent-driven-development → dispatching-parallel-agents → verification-before-completion

✍️ 博客内容创作#

1
brainstorming → writing-guidelines

🔀 Git 分支管理#

1
executing-plans → finishing-a-development-branch → receiving-code-review

安装 Vercel 官方 Skills#

1
npx add-skill vercel-labs/agent-skills

安装 Superpowers Skills#

1
npx add-skill obra/superpowers

手动安装#

将 Skill 文件夹放入项目的 .claude/skills/ 目录：

1
mkdir -p .claude/skills
2
cp -r /path/to/skill .claude/skills/

创建自定义 Skill#

1
/skill-creator