探索 MCP Server 与 Agent Skill

io.github.obra/superpowers/subagent-driven-development

在当前会话中通过子代理执行包含独立任务的实施计划时使用

io.github.obra/superpowers/requesting-code-review

在完成任务、实现重要功能或合并前使用，以验证工作符合要求。

io.github.obra/superpowers/receiving-code-review

在收到代码审查反馈、准备落实建议之前使用，尤其是反馈不清晰或技术上存疑时——要求技术上的严谨与验证，而不是表演式附和或盲目照做。

io.github.obra/superpowers/finishing-a-development-branch

当实现已完成、所有测试通过、需要决定如何合入工作时使用

io.github.obra/superpowers/executing-plans

当你作为实现者在当前会话内就地执行实施计划时使用——人类伙伴选择了行内执行，或没有可用的子代理工具

io.github.obra/superpowers/dispatching-parallel-agents

当面对 2 个以上无共享状态、无先后依赖、可并行处理的独立任务时使用

io.github.obra/superpowers/brainstorming

任何创造性工作之前必须先使用——创建功能、构建组件、添加能力或修改行为。在实现之前探索用户意图、需求与设计。

写作规范 writing-guidelines

io.github.vercel-labs/agent-skills/writing-guidelines

审查文档是否符合 Writing Guidelines。当被要求“review my docs”“check writing style”“audit prose”“review docs voice and tone”或“check this page against the writing handbook”时使用。

web-design-guidelines

io.github.vercel-labs/agent-skills/web-design-guidelines

按 Web Interface Guidelines 合规性审查 UI 代码。当被要求“审查我的 UI”“检查无障碍”“审计设计”“评审 UX”或“对照最佳实践检查我的站点”时使用。

Vercel 成本与性能优化

io.github.vercel-labs/agent-skills/vercel-optimize

用于已部署项目的 Vercel 成本与性能优化，尤其适合 Next.js、SvelteKit、Nuxt 以及部分 Astro 应用。先收集 Vercel 指标、用量、项目配置与代码扫描结果；只排查有指标支撑的候选项；产出基于已核实文件、并对齐 Vercel 与框架版本文档的排序建议。当用户要求降低 Vercel 账单、优化缓慢或高开销路由、寻找缓存机会，或提到 Function Invocations、Build Minutes、Fast Data Transfer、Core Web Vitals、Bot Management、Fluid compute、成本明细时使用。

vercel-cli-with-tokens

io.github.vercel-labs/agent-skills/vercel-cli-with-tokens

使用基于 token 的认证在 Vercel 上部署与管理项目。在用访问 token（而非交互式登录）操作 Vercel CLI 时使用——例如“部署到 Vercel”“配置 Vercel”“给 Vercel 添加环境变量”。

React View Transition 动画

io.github.vercel-labs/agent-skills/react-view-transitions

使用 React 的 View Transition API（`<ViewTransition>` 组件、`addTransitionType` 以及 CSS 视图过渡伪元素）实现顺滑、接近原生体验动画的指南。只要用户想添加页面过渡、动画化路由切换、做共享元素动画、组件进出场动画、列表重排动画、前进/后退方向性导航动画，或在 Next.js 中集成视图过渡，就使用此技能。用户提到 view transitions、`startViewTransition`、`ViewTransition`、transition types，或询问如何不借助第三方动画库在 React 中做 UI 状态间动画时也应使用。

React Native 最佳实践

io.github.vercel-labs/agent-skills/react-native-skills

构建高性能移动应用的 React Native 与 Expo 最佳实践。在编写 React Native 组件、优化列表性能、实现动画或使用原生模块时使用；涉及 React Native、Expo、移动性能、原生平台 API 的任务都会触发。

Vercel React 最佳实践

io.github.vercel-labs/agent-skills/react-best-practices

来自 Vercel 工程团队的 React 与 Next.js 性能优化准则。编写、评审或重构 React/Next.js 代码时应使用，以确保采用最优性能模式。涉及 React 组件、Next.js 页面、数据获取、包体积优化或性能提升的任务时触发。

deploy-to-vercel（部署到 Vercel）

io.github.vercel-labs/agent-skills/deploy-to-vercel

将应用与网站部署到 Vercel。当用户提出部署请求时使用，如“deploy my app”“deploy and give me the link”“push this live”或“create a preview deployment”。

React 组合模式（Claude Skills）

io.github.vercel-labs/agent-skills/composition-patterns

易于扩展的 React 组合模式。适用于重构 boolean prop 泛滥的组件、构建灵活的组件库、设计可复用 API。当任务涉及 compound components、render props、context provider 或组件架构时触发。包含 React 19 的 API 变化。

xlsx

io.github.anthropics/skills/xlsx

当电子表格文件是主要输入或输出时使用本技能。包括：打开、读取、编辑或修复现有 .xlsx、.xlsm、.xltx、.csv、.tsv 文件（如加列、计算公式、格式化、图表、清洗脏数据）；从零或其他数据源创建新电子表格；在表格文件格式间转换。当用户按名称或路径引用电子表格文件（哪怕是随口一提，如“下载目录里那个 xlsx”）并要对它做处理或从中产出内容时触发；也适用于把脏乱的表格数据文件（畸形行、错位表头、垃圾数据）整理成规范电子表格。交付物必须是电子表格文件。当主要交付物是 Word 文档、HTML 报告、独立 Python 脚本、数据库流水线或 Google Sheets API 集成时不要触发，即使涉及表格数据。

Web 应用测试

io.github.anthropics/skills/webapp-testing

使用 Playwright 与本地 Web 应用交互并测试的工具包。支持验证前端功能、调试 UI 行为、捕获浏览器截图和查看浏览器日志。

Web Artifacts 构建器

io.github.anthropics/skills/web-artifacts-builder

使用现代前端技术（React、Tailwind CSS、shadcn/ui）创建复杂多组件 claude.ai HTML artifact 的工具集。适用于需要状态管理、路由或 shadcn/ui 组件的复杂 artifact，不适合简单的单文件 HTML/JSX artifact。

theme-factory

io.github.anthropics/skills/theme-factory

为产出物套用主题样式的工具箱。产出物可以是幻灯片、文档、报告、HTML 落地页等。内置 10 套预设主题（配色/字体）可应用于任何已创建的产出物，也可即时生成新主题。

slack-gif-creator

io.github.anthropics/skills/slack-gif-creator

为 Slack 制作优化动图 GIF 的知识与工具，提供约束条件、校验工具与动画构思。当用户请求为 Slack 制作动画 GIF（例如“给我做一个 X 在做 Y 的 Slack GIF”）时使用。

skill-creator

io.github.anthropics/skills/skill-creator

创建新技能、改进现有技能并度量技能表现。当用户想从零创建技能、编辑或优化现有技能、运行 eval 测试技能、以方差分析为技能性能做基准，或优化技能描述以提升触发准确度时使用。