开发者 Skill 推荐
基础必备 + 按平台/场景进阶 + UI 设计的开发者 Skill 清单。
Skill 不用一次装太多。根据当前平台和任务选 1-3 个，使用场景结束后再清理。
在 Codex 里也能搜到插件。 如果你用 Codex 较多，可以直接在 Codex 的插件市场搜索对应的 Skill，很多社区 Skill 只在 Codex 上架。
装什么取决于你做什么
当前大模型已经能处理常规的需求澄清、计划、调试和完成前验证，不需要为这些基本动作再装一层通用流程 Skill。优先按项目补充下面这些能力。
- Git 安全：用 git-guardrails 拦截危险操作。
- UI 设计：用 frontend-design 出页面，用 impeccable 做审查，Open Design 做完整设计工作流。
- 部署发布：根据你的部署目标选 Vercel / Zeabur / Cloudflare。
基础：按项目选择
git-guardrails -- Git 安全护栏
防止手滑的。拦截危险的 git 操作：在 main 上直接 push、force push、删除未合并的分支等。团队多人协作时尤其有用，但哪怕你一个人开发，凌晨三点 commit 的时候也会感谢它。
npx skills add mattpocock/skills --skill git-guardrails-claude-code使用： 自动生效，执行危险 git 操作时自动拦截提示
进阶：按平台和场景选装
根据你当前项目的技术栈，选对应的 Skill 装。不需要全部装——装了用不上反而干扰。
Web 前端
如果你在做 Web 前端项目（React、Next.js、Tailwind），这组 Skill 能帮你卡住最佳实践。
- react-best-practices：React / Next.js 性能优化，减少不必要渲染和包体积。安装：
npx skills add vercel-labs/agent-skills --skill react-best-practices。使用技巧：/react-best-practices 帮我优化这个 React 组件的性能。 - composition-patterns：组件组合与 API 的可维护设计模式。安装：
npx skills add vercel-labs/agent-skills --skill composition-patterns。使用技巧：/composition-patterns 帮我设计这个组件的组合方案。 - vercel/next.js：Next.js 官方工作流 Skill。旧的
next-best-practices已经并进框架文档，不再单独安装。安装：npx skills add vercel/next.js。使用技巧：先让它检查缓存、路由和升级相关改动。 - tailwind-design-system：用 Tailwind 建设计系统，统一组件规范。安装：
npx skills add wshobson/agents --skill tailwind-design-system。使用技巧：/tailwind-design-system 帮我设计卡片组件的样式规范。
移动端：React Native / Expo
做 React Native 或 Expo 项目时加装：
- react-native-guidelines：React Native / Expo 开发，规避常见性能坑。安装：
npx skills add vercel-labs/agent-skills --skill react-native-guidelines。使用技巧：/react-native-guidelines 帮我检查这个 RN 组件的性能。 - building-native-ui：原生移动端 UI 组件与交互结构搭建。安装：
npx skills add expo/skills --skill building-native-ui。使用技巧：/building-native-ui 帮我搭建这个移动端 UI。
移动端：iOS 原生
SwiftUI、审核、Liquid Glass 和上架素材单独成页，避免把 Web 开发者的清单撑爆。
桌面端
Tauri、macOS 原生和怎么找平台 Skill，也单独成页。
认证与数据库
做有用户系统和数据库的项目时，按你实际用的栈加装，不要全装：
- better-auth：Better Auth 认证流程和安全策略。安装：
npx skills add better-auth/skills --skill better-auth。使用：/better-auth 帮我配置用户认证。安全专项再用/security。 - prisma：Prisma 官方合集，覆盖 CLI、Client、迁移和 v7 升级。安装：
npx skills add prisma/skills。使用：/prisma-cli 帮我跑这个项目的迁移。 - supabase-postgres-best-practices：Supabase / Postgres 索引与查询优化。安装：
npx skills add supabase/agent-skills --skill supabase-postgres-best-practices。使用：/supabase-postgres-best-practices 帮我优化这个数据库查询。 - firebase：Firebase 官方入门合集，Auth、Hosting、Firestore 按任务加载。安装：
npx skills add firebase/agent-skills。使用：/firebase-basics 帮我搭这个项目的 Firebase。
SEO
做需要搜索引擎优化的网站时加装：
- schema-markup：为搜索引擎做结构化数据标记。安装：
npx skills add coreyhaines31/marketingskills --skill schema-markup。使用技巧：/schema-markup 为这个页面生成结构化数据。
UI 设计
功能做出来了但界面差点意思？下面 Skill 和工具帮你补上设计短板。
- frontend-design：快速产出可上线的高质量页面和组件。安装：
npx skills add anthropics/skills --skill frontend-design。使用技巧：/frontend-design 做一个 SaaS 后台 Dashboard。 - impeccable：给 AI 生成的页面做设计审查，从布局、间距、配色、排版等维度给出改进建议。安装：
npx skills add pbakaus/impeccable -y。使用技巧：/impeccable 帮我看一下这个页面的 UI 设计有什么问题。
除了 Skill，还有一些独立工具值得关注：
- Open Design（GitHub 66k+ star）：本地优先的开源设计桌面应用，259+ Skill、142+ 设计系统，支持 Web / 桌面 / 移动端原型、幻灯片、图片、视频，可导出 HTML / PDF / PPTX / MP4，支持 Claude Code、Codex、Cursor 等 17+ CLI。适合需要完整设计工作流而不仅仅是单个 Skill 的场景。
→ 更多 UI/UX Skill、设计工具和案例拆解见 设计师 Skill 推荐。
通用流程 Skill
当前不推荐默认安装 Superpowers、grill-me、diagnosing-bugs、tdd、通用架构审视、完成前验证或回复风格类 Skill。它们与当前大模型和项目规则的重叠较高。团队需要固定流程、使用较弱模型，或 Skill 附带必要脚本和 Hook 时再按项目安装。
→ 查看 通用流程 Skill 的当前判断。
部署发布
根据你的部署目标选一个。不需要三个都装。
Vercel
一键部署到 Vercel，自动检测 40+ 框架，返回预览 URL。
npx skills add vercel-labs/agent-skills使用： /vercel-deploy-claimable 部署当前项目
Zeabur
Zeabur 官方提供了 23+ 个 Skill，覆盖部署、域名、环境变量、数据库迁移、日志查看等全流程。
npx skills add zeabur/agent-skills使用： /zeabur-deploy 把这个项目部署到 Zeabur
常用子 Skill：
- zeabur-deploy：一键部署本地项目或 GitHub 仓库。
/zeabur-deploy 部署当前项目 - zeabur-domain-url：配置服务域名和 URL。
/zeabur-domain-url 给这个服务绑定域名 - zeabur-variables：管理环境变量。
/zeabur-variables 更新生产环境变量 - zeabur-deployment-logs：查看和筛选服务日志。
/zeabur-deployment-logs 看最近的运行错误 - zeabur-migration：解决数据库迁移阻塞问题。
/zeabur-migration 排查数据库迁移卡住的问题 - zeabur-template-deploy：通过模板快速部署。
/zeabur-template-deploy 用模板创建一个新服务
Cloudflare
Cloudflare 官方 Skill 集，覆盖 Workers、Pages、D1、R2、KV、AI Agents、Durable Objects、Wrangler CLI、Web Perf 等全平台能力。不只是部署，是整个 Cloudflare 开发生态。
npx skills add https://github.com/cloudflare/skills使用： /cloudflare 我想创建一个 Workers 项目
当前仓库里的主力 Skill 包括：cloudflare（综合平台）、agents-sdk、durable-objects、sandbox-next / sandbox-stable、wrangler、web-perf，以及 building-mcp-server-on-cloudflare 和 building-ai-agent-on-cloudflare。做企业网络安全时再看 cloudflare-one。
→ 完整介绍见 知名公司官方 Skills。
浏览器自动化与测试
上线前验证用。按需装，不用全装。
npx skills add vercel-labs/agent-browser
npx skills add browser-use/browser-use
npx skills add squirrelscan/skills
npx skills add anthropics/skills --skill webapp-testing- agent-browser：用 AI 自动打开网站、点击、填表、抓取内容。使用技巧：
/agent-browser 打开目标页面并完成一次关键流程。 - browser-use：通用网页自动化，执行浏览器级操作任务。使用技巧：
/browser-use 帮我自动填写这个表单并提交。 - webapp-testing：自动化测试网页功能和交互。使用技巧：
/webapp-testing 测试这个登录页面的功能和交互。 - audit-website：上线前做网站体检，覆盖性能、SEO、可用性。使用技巧：
/audit-website 检查我的网站上线前准备是否完善。
Skill 工具链
找 Skill、造 Skill 的工具：
npx skills add vercel-labs/skills --skill find-skills
npx skills add anthropics/skills --skill skill-creator --skill mcp-builder- find-skills：检索并推荐适合你需求的 Skill。
/find-skills 帮我找适合做 Tauri 桌面开发的 skill - skill-creator：创建和发布符合最佳实践的 Skill。
/skill-creator 把我每周写周报的流程做成 skill - mcp-builder：搭建连接外部 API/工具的 MCP 服务。
/mcp-builder 帮我搭建一个连接 GitHub API 的 MCP 服务
附：Matt Pocock Skill 套件
Matt Pocock 的套件同时包含通用工程流程和少数具体工具。当前不推荐整套安装；如果明确需要 issue 整理、规格输出或 Git 安全护栏，再只装对应的单个 Skill。
完整清单和当前取舍见 Matt Pocock Skill 参考。
下一步
- 想查看 Matt Pocock Skill 清单 → Matt Pocock Skill 参考
- 做 iOS 原生？→ iOS 原生 Skill
- 做桌面端？→ 桌面端 Skill
- 做 UI 设计？→ 设计师 Skill 推荐
- 想了解不再默认推荐的通用流程 Skill → 通用流程 Skill
- 想自己造 Skill → 进阶：创建自定义 Skill
这篇文档有问题？