开发者 Skill 推荐
按技术栈补充知识和工具，区分 Skill 安装、Hook 配置与实际部署。
Skill 不用一次装太多。根据当前平台和任务选 1-3 个，使用场景结束后再清理。
Codex 用户也可以按任务查看插件目录。插件和独立 Skill 的支持范围不同，见 Codex 插件推荐。
装什么取决于你做什么
先用客户端已有能力完成小任务，再按项目补充专门知识、工具或脚本。通用流程的取舍见 相关说明。
- Git 安全：用 git-guardrails 拦截危险操作。
- UI 设计：用 frontend-design 出页面，用 impeccable 做审查，Open Design 做完整设计工作流。
- 部署发布：根据你的部署目标选 Vercel / Zeabur / Cloudflare。
基础：按项目选择
git-guardrails -- Git 安全护栏
这个 Skill 指导配置 Claude Code 的 PreToolUse Hook。当前规则会拦截 git push，包括普通推送，以及 reset --hard、强制清理、强制删分支等操作。它不是只保护 main 分支。
npx skills add mattpocock/skills --skill git-guardrails-claude-code使用： 下载后显式调用 git-guardrails-claude-code，按说明安装脚本、配置 Hook，再验证拦截。仅安装 Skill 不会自动生效；Codex 等客户端需要适配自己的机制。源码见 上游技能。
进阶：按平台和场景选装
根据你当前项目的技术栈，选对应的 Skill 装。不需要全部装——装了用不上反而干扰。
Web 前端
如果你在做 Web 前端项目（React、Next.js、Tailwind），这组 Skill 能帮你卡住最佳实践。
- react-best-practices：React / Next.js 性能优化，减少不必要渲染和包体积。安装：
npx skills add vercel-labs/agent-skills --skill vercel-react-best-practices。使用技巧：/vercel-react-best-practices 帮我优化这个 React 组件的性能。 - composition-patterns：组件组合与 API 的可维护设计模式。安装：
npx skills add vercel-labs/agent-skills --skill vercel-composition-patterns。使用技巧：/vercel-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 项目时加装：
- vercel-react-native-skills：React Native / Expo 开发，规避常见性能坑。安装：
npx skills add vercel-labs/agent-skills --skill vercel-react-native-skills。使用技巧：/vercel-react-native-skills 帮我检查这个 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 --list。使用技巧：先按仓库说明选择对应设计技能，再给出目标页面和希望改善的状态。
除了 Skill，还有一些独立工具值得关注：
- Open Design（源仓库）：独立设计工具，适合需要完整原型与多格式输出的场景。导出格式和客户端支持以当前文档为准。
→ 更多 UI/UX Skill、设计工具和案例拆解见 设计师 Skill 推荐。
通用流程 Skill
通用工程流程按团队要求选用。先比较实际结果，避免与项目规则重复；不建议整套作为默认安装。
→ 查看 通用流程 Skill 的当前判断。
部署发布
根据你的部署目标选一个。不需要三个都装。
Vercel
按当前 Skill 的流程创建部署并返回预览地址。预览成功、项目认领和正式域名更新分别确认。
npx skills add vercel-labs/agent-skills --skill deploy-to-vercel使用： /deploy-to-vercel 部署当前项目
Zeabur
Zeabur 提供部署、域名、数据库、日志等技能。先列出候选，再按当前项目选择。
npx skills add zeabur/agent-skills --list使用： /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 cloudflare/skills --skill cloudflare使用： /cloudflare 我想创建一个 Workers 项目
当前仓库里的主力 Skill 包括：cloudflare（综合平台）、agents-sdk、durable-objects、sandbox-next / sandbox-stable、wrangler、web-perf，以及 workers-best-practices、nextjs-on-cloudflare。做企业网络安全时再看 cloudflare-one。
→ 完整介绍见 知名公司官方 Skills。
浏览器自动化与测试
用于检查网页。以下是候选来源，按需选择。示例中的 /技能名 适用于 Claude Code / Cursor，其他客户端见 快速入门。
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