开发者 Skill 推荐

Skill 不用一次装太多。先装基础的 2-3 个，再根据你在做什么平台、用什么框架，按需加。

在 Codex 里也能搜到插件。 如果你用 Codex 较多，可以直接在 Codex 的插件市场搜索对应的 Skill，很多社区 Skill 只在 Codex 上架。

装什么取决于你做什么

不管做什么类型的开发，下面这组基础 Skill 建议都装上。装完之后，根据你的项目类型去对应的平台章节加装。

代码调试：用 diagnose 做结构化排错，不瞎猜乱改。
需求对齐：用 grill-me 在动手写代码前盘问需求边界。
Git 安全：用 git-guardrails 拦截危险操作。
UI 设计：用 frontend-design 出页面，用 impeccable 做审查，Open Design 做完整设计工作流。
部署发布：根据你的部署目标选 Vercel / Zeabur / Cloudflare。

进阶：按平台和场景选装

根据你当前项目的技术栈，选对应的 Skill 装。不需要全部装——装了用不上反而干扰。

Web 前端

如果你在做 Web 前端项目（React、Next.js、Tailwind），这组 Skill 能帮你卡住最佳实践。

next-best-practices：Next.js 路由、数据获取和渲染最佳实践。安装：npx skills add vercel-labs/next-skills --skill next-best-practices。使用技巧：/next-best-practices 帮我检查这个页面的 Next.js 最佳实践。
vercel-react-best-practices：React 性能优化，减少不必要渲染和包体积。安装：npx skills add vercel-labs/agent-skills。使用技巧：/vercel-react-best-practices 帮我优化这个 React 组件的性能。
vercel-composition-patterns：组件组合与 API 的可维护设计模式。安装：npx skills add vercel-labs/agent-skills。使用技巧：/vercel-composition-patterns 帮我设计这个组件的组合方案。
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。使用技巧：/vercel-react-native-skills 帮我检查这个 RN 组件的性能。
building-native-ui：原生移动端 UI 组件与交互结构搭建。安装：npx skills add expo/skills --skill building-native-ui。使用技巧：/building-native-ui 帮我搭建这个移动端 UI。

移动端：iOS 原生

做 SwiftUI / 原生 iOS 项目时，社区有一批专门针对 Apple 生态的 Skill，覆盖面从日常开发到上架审核。

重点推荐

Dimillian/Skills：Ice Cubes（热门 Mastodon 客户端）作者开源的 14 个 iOS Skill 合集，一个人的全家桶，顶小半个团队的代码审查能力。核心子 Skill 包括：
- swiftui-performance-audit：扫描 View body，定位不必要的重绘
- swift-concurrency-expert：GCD → async/await 迁移指导
- ios-debugger-agent：读 crash log、符号化堆栈、定位 bug
- swiftui-liquid-glass：iOS 26 Liquid Glass 适配
- 还有 swiftui-view-refactor、review-swarm、bug-hunt-swarm 等多个实用 Skill
安装按需选装，比如只装 SwiftUI 性能审计：
```
npx skills add Dimillian/Skills --skill swiftui-performance-audit
```
或者全装：
```
npx skills add Dimillian/Skills
```
apple-full-stack-genius-skill：覆盖 Swift 6、SwiftUI Liquid Glass、SwiftData、CloudKit、Vapor 后端，还能自动生成 App Icon。自带零 Warning 代码审计，Benchmark 得分 94 vs 不装时 47。安装：npx skills add Jonnycatx/apple-full-stack-genius-skill。使用技巧：/apple-full-stack-genius-skill 帮我搭建一个 SwiftData + CloudKit 的数据层。

按需选装

appstore-review-skill：提审前逐条对照 Apple 审核指南扫描代码，提前发现会被拒的问题。支持 Swift、Flutter、React Native、KMP 多技术栈。安装：npx skills add devsemih/appstore-review-skill。使用技巧：/appstore-review-skill 检查我的 App 是否符合上架要求。
swift-development：一整套 Swift 项目最佳实践——命名规范、文件结构、MVVM 架构、单元测试模式。新项目启动时装上，AI 写出来的代码风格统一。安装：npx skills add hmohamed01/swift-development。使用技巧：/swift-development 帮我检查这个 Swift 文件的命名和结构。
liquid-glass：专门针对 iOS 26 Liquid Glass 设计语言，提供 API 参考、代码模板、从旧版 UI 迁移的指南和常见问题排查。作者翻遍了 WWDC25 相关 Session 总结而成。安装：npx skills add 2dubu/liquid-glass。使用技巧：/liquid-glass 把这个 UIKit 页面迁移到 Liquid Glass 风格。
apple-skills：直接从 Apple 官方文档抓取最新内容，转成 AI 友好的 Markdown。覆盖 SwiftUI、StoreKit、Liquid Glass、Foundation Models 等核心框架，自带一键更新脚本。安装：npx skills add vabole/apple-skills。使用技巧：/apple-skills 查询 iOS 26 新增的 SwiftUI API。
app-store-opportunity-research：自动研究 App Store，分析竞品评分、收入和市场空白，生成 Top 3 机会报告和 MVP 需求文档。在推特上七万多次浏览、八百多人收藏。安装：npx skills add froessell/app-store-opportunity-research --skill app-store-opportunity-research。使用技巧：/app-store-opportunity-research 帮我在健身类目里找竞争小的 App 机会。
app-store-screenshots：自动生成全套 App Store 上架截图，支持 18+ 设备尺寸，内置营销文案和设备 mockup 排版。还提供一个在线截图生成 Skill 配合 ScreenshotWhale 编辑器微调。安装：npx skills add adamlyttleapps/claude-skill-aso-appstore-screenshots。使用技巧：/app-store-screenshots 为我的 App 生成 iPhone 16 Pro 和 iPad Pro 的上架截图。

模块化审计 Skill 包

ios-agentic-skills 是一个独立维护的 iOS/watchOS 审计 Playbook 集合，不是标准 npx skills add 格式，需要 clone 到项目中使用。包含 13 个独立审计维度，按需加装：无障碍、崩溃安全、数据建模、触觉反馈、本地化、性能、隐私合规、测试策略、视觉对比度、Watch 电池优化等。适合对代码质量有系统性要求的团队。

桌面端：Tauri

做 Tauri 桌面应用时加装：

tauri：Tauri 框架最佳实践，Rust 后端 + Web 前端的桌面应用开发。安装：在 Codex 搜索 tauri 找到对应的 Skill 仓库。使用技巧：/tauri 帮我检查这个 Tauri 应用的窗口管理和 IPC 调用。
tauri-v2：Tauri v2 特有的 API 和插件系统。安装：在 Codex 搜索 tauri-v2。使用技巧：/tauri-v2 帮我迁移到 Tauri v2 的新 API。

怎么找平台 Skill？ 在 Codex 的插件市场搜索平台关键词（如 swiftui、tauri、flutter、android），社区持续在出新 Skill。也可以用 /find-skills 帮我找 Tauri 开发的 skill 让 Claude 帮你搜。

认证与数据库

这两个 Skill 跟框架无关，做有用户系统和数据库的项目时建议加装：

better-auth-best-practices：Better Auth 认证流程和安全策略配置。安装：npx skills add better-auth/skills。使用技巧：/better-auth-best-practices 帮我配置用户认证。
supabase-postgres-best-practices：Supabase/Postgres 索引与查询优化。安装：npx skills add supabase/agent-skills --skill supabase-postgres-best-practices。使用技巧：/supabase-postgres-best-practices 帮我优化这个数据库查询。

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 推荐。

工程实践

不是每天用的，但在特定时机触发会有很大价值。

superpowers -- 通用开发方法论

obra/superpowers 是一套面向开发流程的方法论 Skill，12 个 Skill 覆盖从想法到交付的全链路。不教框架，教怎么干活。适合喜欢结构化流程的开发者。

npx skills add obra/superpowers

核心 Skill：brainstorming、writing-plans、executing-plans、systematic-debugging、test-driven-development、verification-before-completion、requesting-code-review、receiving-code-review、subagent-driven-development、using-git-worktrees、using-superpowers、writing-skills。

→ 逐个 Skill 拆解见通用方法论 Skill。

improve-codebase-architecture -- 架构审视

定期触发的"体检"。分析整个代码库的结构，找出耦合、分层混乱、职责不清的地方，然后给出重构建议。

适合项目跑到一定规模之后——功能越来越多，但改一个地方总要动三个文件的时候。

npx skills add mattpocock/skills --skill improve-codebase-architecture

使用： /improve-codebase-architecture 检查当前项目的架构问题

tdd -- 测试驱动开发

来自 mattpocock/skills。强制执行红-绿-重构循环：先写一个会失败的测试，再写最少的代码让它通过，最后重构。

npx skills add mattpocock/skills --skill tdd

使用： /tdd 为这个用户登录函数写测试用例

部署发布

根据你的部署目标选一个。不需要三个都装。

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 项目

包含 8 个 Skill：cloudflare（综合平台）、agents-sdk、durable-objects、sandbox-sdk、wrangler、web-perf，以及 building-mcp-server-on-cloudflare 和 building-ai-agent-on-cloudflare。

→ 完整介绍见知名公司官方 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 是 TypeScript 领域很有影响力的教育者，前 Vercel Developer Advocate，Total TypeScript 作者，GitHub 62k+ star。他做了一整套面向开发者的 Claude Code Skill，涵盖调试、测试、架构、Git 安全等场景。

本篇介绍的 diagnose、tdd、improve-codebase-architecture、grill-me、git-guardrails 都来自这个套件。一键安装全部：

npx skills add mattpocock/skills

完整的 Skill 逐个拆解见 Matt Pocock Skill 套件详解。

下一步

想深入 Matt Pocock 的 Skill → Matt Pocock Skill 套件详解
做 UI 设计？→ 设计师 Skill 推荐含 impeccable 完整教程 + Open Design + UI/UX Skill
想系统化工作流？→ 通用方法论 Skill obra/superpowers 全套
想自己造 Skill → 进阶：创建自定义 Skill