我的全栈开发AI员工,27 个 Claude Skills
作者：微信文章我一直有个痛点：一个人要干产品、设计、前端、后端、运维、SEO 所有的活。
今天花了几个小时，让 Claude 帮我搭建了一套可复用的 Skills 库。现在它不只是一个 AI 助手，更像是一个 懂我工作流的全栈员工。
不用再反复调教，不用再担心 AI 跑偏，一个指令就能精准交付。
我搭建了什么？
今天跟ai一起，搭建了一个包含 27 个 Skills 的完整开发框架，覆盖从想法→原型→上线→运营的全流程。
下面我会拆解每一个 Skill 的用法和触发词，你可以直接抄作业。
一、核心开发 (4 个)
1. superpowers
触发词: /brainstorm, /plan, /execute整个框架的「总指挥」，把零散开发变成标准化工作流：
/brainstorm - 头脑风暴，发散想法/plan - 拆解任务，制定方案/execute - 落地执行，批量输出
2. frontend-design
触发词: UI, 设计, 样式专治「AI 味设计」的救星！强制 Claude 拒绝同质化：
❌ 不用默认蓝色渐变❌ 不用烂大街卡片阴影✅ 做有个性的设计决策
核心理念：宁可丑得有特点，也不要美得没灵魂
3. fullstack-engineer
触发词: 全栈, 开发功能Next.js 15 专属开发模板，一个 Skill 搞定前后端：
App Router 最佳实践服务端 / 客户端组件选型API Route 设计规范Prisma 数据库操作
4. project-planner
触发词: PRD, 需求文档, 规划项目把「我想做个 xxx」变成可执行计划：
PRD 文档模板技术设计文档模板任务分解模板
二、Superpowers 工作流 (5 个)
整合自 GitHub 800+ star 的 obra/superpowers，业界最成熟的 Claude 工作流方案。
5. brainstorming
触发词: /brainstorm, 头脑风暴, 想法苏格拉底式引导，不轰炸、不跑偏：
一次只问一个问题优先给选择题（减少思考负担）每 200 字检查一次理解输出文件直接丢进 docs/plans/，无缝衔接下一步。
6. writing-plans
触发词: /plan, 写计划, 任务分解把功能拆成 2-5 分钟就能完成的小任务：
精确到文件路径附带完整代码示例给出具体执行命令明确预期输出结果每个任务都严格遵循 TDD 流程：写测试 → 看失败 → 写实现 → 提交
7. executing-plans
触发词: /execute, 执行计划批量执行 + 断点反馈，不怕 AI 瞎忙活：
每完成 3 个任务自动暂停汇报进度和遇到的问题等你确认后再继续推进遇到阻塞立刻停止，绝不硬着头皮瞎写。
8. systematic-debugging
触发词: 调试, debug, bug, 报错4 阶段根因分析方法论，告别「盲改代码」：
💡 3 次修复规则：如果 3 次修复都暴露新问题，立刻停下来重构架构！
9. mcp-builder
触发词: MCP, MCP服务器, 自定义工具想给 Claude 加专属技能？用这个：
MCP 项目初始化模板Tools/Resources/Prompts 三类扩展注册到 Claude 的配置方法调试和发布全流程指南
三、专业角色 (3 个)
整合自 alirezarezvani/claude-skills 专业角色库，让 AI 变身领域专家。
10. product-manager-toolkit
触发词: PM, RICE, 用户故事, 优先级产品经理的全套工具包，专治「需求混乱」：
RICE 优先级公式：分数 = (触达用户 × 影响程度 × 信心) / 工作量用户故事模板：作为 [角色]，我希望 [功能]，以便 [价值]PRD 模板：问题陈述 → 目标用户 → 功能需求 → 发布计划
11. senior-frontend-engineer
触发词: 前端, React, Next.js, 组件不是教你写 React，是教你写高质量 React：
组件设计：复合组件、Render Props、自定义 Hooks性能优化：memo/useMemo/useCallback、虚拟列表状态管理：TanStack Query（服务端）+ Zustand（客户端）TypeScript：精准类型定义、泛型技巧、工具类型
12. senior-backend-engineer
触发词: 后端, API, Prisma, 数据库Node.js/Next.js 后端最佳实践：
API 设计：RESTful 规范 + Zod 验证 + 标准化错误处理数据库：Prisma Schema 设计、N+1 查询优化认证授权：NextAuth.js 配置、RBAC 权限模型安全防护：输入验证、SQL 注入防御、接口限流
四、 高效开发 (3 个)
13. rapid-prototype
触发词: 快速原型, MVP, 一天开发24 小时内搭建可上线 MVP 的时间轴：
plaintext
Hour 0-1:项目初始化 (create-next-app + shadcn)
Hour 1-3:数据库 + 认证 (Prisma + NextAuth)
Hour 3-6:核心功能开发
Hour 6-8:UI 细节打磨
Hour 8-10: 测试 + 部署上线
附带 SaaS 项目目录结构、常用组件一键安装命令。
14. tdd-workflow
触发词: TDD, 测试驱动, 先写测试经典红绿重构流程，保证代码质量：
plaintext
RED → 写一个必失败的测试用例
GREEN→ 写最少代码让测试通过
REFACTOR → 优化代码结构，保持测试绿色
REPEAT → 循环直到功能完成
核心铁律：没有失败的测试，就不写一行生产代码
15. ui-components
触发词: 组件, shadcn, UI组件shadcn/ui 组件开发指南，兼顾美观和复用：
高频组件模式：表单、对话框、数据表格Tailwind 响应式布局技巧暗色模式无缝切换方案组件复合模式设计思路
一键安装常用组件：
bash
运行
npx shadcn@latest add button card input form dialog toast
五、工程实践 (5 个)
16. code-review
触发词: review, 审查代码三维度代码审查，不遗漏任何细节：
质量：可读性、可维护性、设计模式应用安全：XSS 风险、SQL 注入、敏感数据暴露性能：N+1 查询、内存泄漏、打包体积优化输出标准化审查报告，直接用于迭代优化。
17. db-migrate
触发词: migrate, prisma, 数据库迁移Prisma 数据库迁移避坑指南：
Schema 设计最佳实践迁移命令详解（开发 / 生产环境区分）生产环境迁移安全操作常见问题排查（如迁移失败回滚）
18. api-test
触发词: test API, 测试接口API 接口全面测试清单：
请求参数 / 响应格式验证边界值和异常场景测试错误处理逻辑测试接口性能基准测试
19. git-flow
触发词: commit, PR, 提交, 分支规范化 Git 工作流，团队协作不混乱：
提交信息规范（Conventional Commits）分支命名规则（feature/fix/docs）PR 模板和审查要点合并策略（Squash/Merge）
20. playwright-testing
触发词: E2E, 自动化测试, PlaywrightPlaywright 端到端测试指南：
测试文件目录结构高效元素选择器技巧异步操作等待处理GitHub Actions CI 集成配置
六、 质量保障 (2 个)
21. performance-audit
触发词: 性能优化, Core Web Vitals, LCPWeb 性能优化核心指标，对标大厂标准：
推荐工具：Lighthouse、Bundle Analyzer、Vercel Analytics
22. security-checklist
触发词: 安全检查, XSS, OWASPOWASP Top 10 安全审计清单，覆盖常见漏洞：
认证授权机制检查输入输出数据验证（Zod 应用）XSS/CSRF 防护措施安全响应头配置第三方依赖漏洞扫描
七、部署运维 (2 个)
23. devops-deploy
触发词: 部署, 上线, CI/CD, Vercel多平台部署指南，一键上线不踩坑：
Vercel 部署：vercel --prod 命令直达Docker 部署：多阶段构建 Dockerfile 模板CI/CD 配置：GitHub Actions 自动化流程
24. seo-check
触发词: SEO, meta, sitemap独立开发者 SEO 自查清单：
Meta 标签（标题 / 描述 / 关键词）优化结构化数据（JSON-LD）配置sitemap.xml/robots.txt 生成Core Web Vitals 性能达标移动端适配检查
八、运营增长 (3 个)
25. ai-generate
触发词: 生成内容, AI生成AI 内容生产质量控制指南：
Prompt 工程最佳实践内容原创性和准确性校验批量生成内容的流程规范
26. content-seo
触发词: 内容创作, 关键词, 写文章内容金字塔模型，让 SEO 流量翻倍：
plaintext
支柱内容 (3000-5000字) → 核心主题（高竞争关键词）
↓
集群内容 (1500-2500字) → 细分主题（中竞争关键词）
↓
支持内容 (500-1000字)→ 问答/教程（长尾关键词）
关键词布局技巧：标题、H1、首段、URL、图片 Alt 文本
27. analytics
触发词: 数据分析, 埋点, GA数据驱动增长指南：
Google Analytics 4 配置教程自定义事件埋点方案用户转化漏斗设计数据周报模板（直接套用）
怎么用？
1.存放路径：把所有 Skills 文件丢进 ~/.claude/skills/ 目录，全局生效。2.调用方式：输入触发词，Claude 自动切换对应角色：3.plaintext
"帮我做个项目计划" → project-planner
"排查一下这个 bug" → systematic-debugging
"做 SEO 检查" → seo-check
"设计个前端组件" → frontend-design
以后的工作流
1. 完整项目开发流程
plaintext
1. /brainstorm → 发散想法
2. product-manager-toolkit → RICE 优先级排序
3. /plan → 拆解任务计划
4. /execute → 批量执行开发
5. systematic-debugging → 遇到 bug 调试
6. code-review → 代码审查
7. security-checklist → 安全审计
8. performance-audit → 性能优化
9. seo-check → SEO 检查
10. devops-deploy → 部署上线
11. analytics → 数据埋点分析2. 快速 MVP 开发流程
plaintext
1. rapid-prototype → 一天搭建 MVP
2. devops-deploy → 直接上线3. 高效调试流程
plaintext
1. systematic-debugging → 4 阶段根因分析
最后
以前觉得「一个人干全栈」是煎熬，现在感觉是 「一个人 + 一个 7×24 小时的 AI 员工」。
它不会抱怨加班，不会忘记最佳实践，不会在 code review 时放水。
这才是 AI 编程的正确打开方式。
页:
[1]