个人精选 Skills 清单

用 AI + Cursor 有段时间了，我最近整合了一部分我用过和常用的一些 Skills

1. 前置必看：技能安装与管理全命令

1.1 核心安装命令

# 1. 搜索社区技能（关键词匹配）
npx skills find <关键词>

# 2. 安装技能（-y 跳过确认，-g 全局安装，必加！）
npx skills add <owner/repo@skill> -y -g

# 3. 查看已安装的全部技能
npx skills list -g

# 4. 检查技能更新
npx skills check

# 5. 更新所有已安装技能
npx skills update

关键提醒：安装技能必须加 -g 全局安装参数，否则 Cursor 无法识别；安装完成后必须重启 Cursor 才能生效。

2. 已安装 Skills：功能与触发条件

2.1 基础与通用

• find-skills

  • 功能：检索并发现可安装 skills，给出安装建议。
  • 触发条件：用户问"有没有 skill 能做 X""帮我找个 skill"。
  • 安装指令：npx --registry=https://registry.npmjs.org -y skills add vercel-labs/skills@find-skills -g -y
  • GitHub 地址：https://github.com/vercel-labs/skills

• technical-writer

  • 功能：编写技术文档、说明文档、操作指引。
  • 触发条件：用户要写 README、方案文档、教程、知识库文章。
  • 安装指令：npx --registry=https://registry.npmjs.org -y skills add obra/superpowers@technical-writer -g -y
  • GitHub 地址：https://github.com/obra/superpowers

• api-documentation-writer

  • 功能：输出 API 文档（接口说明、示例、错误码、鉴权等）。
  • 触发条件：用户要整理接口文档、补齐 OpenAPI/Swagger 信息。
  • 安装指令：npx --registry=https://registry.npmjs.org -y skills add obra/superpowers@api-documentation-writer -g -y
  • GitHub 地址：https://github.com/obra/superpowers

2.2 前端与 React

• vercel-react-best-practices

  • 功能：React/Next.js 性能与工程最佳实践。
  • 触发条件：用户要优化 React 性能、重构组件、排查渲染问题。
  • 安装指令：npx --registry=https://registry.npmjs.org -y skills add vercel-labs/agent-skills@react-best-practices -g -y
  • GitHub 地址：https://github.com/vercel-labs/agent-skills

• vercel-composition-patterns

  • 功能：组合式组件设计（compound components、render props、context 组合）。
  • 触发条件：用户组件 API 膨胀、想提升复用性与扩展性。
  • 安装指令：npx --registry=https://registry.npmjs.org -y skills add vercel-labs/agent-skills@composition-patterns -g -y
  • GitHub 地址：https://github.com/vercel-labs/agent-skills

• web-design-guidelines

  • 功能：界面可用性、可读性、层级与一致性评估。
  • 触发条件：用户让"审 UI/UX""看下设计规范是否合理"。
  • 安装指令：npx --registry=https://registry.npmjs.org -y skills add vercel-labs/agent-skills@web-design -g -y
  • GitHub 地址：https://github.com/vercel-labs/agent-skills

• shadcn

  • 功能：shadcn/ui 组件安装、修复、样式组合与工程集成。
  • 触发条件：用户提到 shadcn、components.json、组件样式问题。
  • 安装指令：npx --registry=https://registry.npmjs.org -y skills add vercel-labs/agent-skills@shadcn -g -y
  • GitHub 地址：https://github.com/vercel-labs/agent-skills

• vercel-react-native-skills

  • 功能：React Native/Expo 场景下组件、列表、动画与性能实践。
  • 触发条件：用户处理 RN/Expo 项目体验或性能问题。
  • 安装指令：npx --registry=https://registry.npmjs.org -y skills add vercel-labs/agent-skills@react-native -g -y
  • GitHub 地址：https://github.com/vercel-labs/agent-skills

2.3 质量、测试与排障

• requesting-code-review

  • 功能：代码评审流程化检查（风险、回归、测试缺口）。
  • 触发条件：需求完成后要做 review、合并前质量兜底。
  • 安装指令：npx --registry=https://registry.npmjs.org -y skills add obra/superpowers@requesting-code-review -g -y
  • GitHub 地址：https://github.com/obra/superpowers

• systematic-debugging

  • 功能：系统化调试流程（复现、假设、验证、定位）。
  • 触发条件：出现 bug、异常行为、测试失败。
  • 安装指令：npx --registry=https://registry.npmjs.org -y skills add obra/superpowers@systematic-debugging -g -y
  • GitHub 地址：https://github.com/obra/superpowers

• test-driven-development

  • 功能：TDD 流程指导（先测后改、红绿重构）。
  • 触发条件：新增功能/修 bug 且希望先建立测试保护网。
  • 安装指令：npx --registry=https://registry.npmjs.org -y skills add obra/superpowers@test-driven-development -g -y
  • GitHub 地址：https://github.com/obra/superpowers

• webapp-testing

  • 功能：Web 应用测试（流程验证、断言设计、回归用例）。
  • 触发条件：用户要做前端交互验证、E2E 测试、发布前回归。
  • 安装指令：npx --registry=https://registry.npmjs.org -y skills add obra/superpowers@webapp-testing -g -y
  • GitHub 地址：https://github.com/obra/superpowers

• dependency-auditor

  • 功能：依赖健康检查（漏洞、过时、冗余、冲突）。
  • 触发条件：用户要清理依赖、升级包、做安全审计。
  • 安装指令：npx --registry=https://registry.npmjs.org -y skills add obra/superpowers@dependency-auditor -g -y
  • GitHub 地址：https://github.com/obra/superpowers

2.4 架构与计划

• architecture-patterns

  • 功能：架构模式选型（分层、DDD、六边形等）与治理建议。
  • 触发条件：用户要做系统重构或设计新模块边界。
  • 安装指令：npx --registry=https://registry.npmjs.org -y skills add obra/superpowers@architecture-patterns -g -y
  • GitHub 地址：https://github.com/obra/superpowers

• architecture-decision-records

  • 功能：ADR 决策记录编写与维护。
  • 触发条件：需要沉淀"为什么这样设计"的决策文档。
  • 安装指令：npx --registry=https://registry.npmjs.org -y skills add obra/superpowers@architecture-decision-records -g -y
  • GitHub 地址：https://github.com/obra/superpowers

• brainstorming

  • 功能：需求澄清与方案发散，形成可落地设计草案。
  • 触发条件：需求模糊、方案存在多种路径、要先对齐设计再实现。
  • 安装指令：npx --registry=https://registry.npmjs.org -y skills add obra/superpowers@brainstorming -g -y
  • GitHub 地址：https://github.com/obra/superpowers

• writing-plans

  • 功能：将需求拆成可执行计划（步骤、依赖、验收）。
  • 触发条件：进入实施前，需要明确里程碑与执行顺序。
  • 安装指令：npx --registry=https://registry.npmjs.org -y skills add obra/superpowers@writing-plans -g -y
  • GitHub 地址：https://github.com/obra/superpowers

• executing-plans

  • 功能：按计划推进并跟踪阶段进度、风险与产出。
  • 触发条件：已有计划，需要分阶段执行和复盘。
  • 安装指令：npx --registry=https://registry.npmjs.org -y skills add obra/superpowers@executing-plans -g -y
  • GitHub 地址：https://github.com/obra/superpowers

2.5 站点与后端辅助

• audit-website

  • 功能：网站综合审计（SEO、性能、安全、可用性等）。
  • 触发条件：用户要做站点体检、上线前审计、问题清单输出。
  • 安装指令：npx --registry=https://registry.npmjs.org -y skills add squirrelscan/skills@audit-website -g -y
  • GitHub 地址：https://github.com/squirrelscan/skills

• api-endpoint-scaffolder

  • 功能：快速生成后端接口骨架（路由、校验、错误处理、类型）。
  • 触发条件：新建 API、补齐路由模板、统一接口结构。
  • 安装指令：npx --registry=https://registry.npmjs.org -y skills add obra/superpowers@api-endpoint-scaffolder -g -y
  • GitHub 地址：https://github.com/obra/superpowers

3. 个人使用频率低的 Skills

说明：以下是低场景使用。

• 可优先观察是否低频：vercel-react-native-skills

  • 原因：我主要项目是 Web React，无 RN 需求可长期低频。

• 可优先观察是否低频：audit-website

  • 原因：偏周期性体检，不是每次开发都用到。