Skills

E

expo-dev-client

expo / skills

在本地或通过 TestFlight 构建并分发 Expo 开发客户端，用于内部测试。生产环境的 TestFlight 发布和应用商店提交请使用 eas-app-stores skill

G

gsap-timeline

greensock / gsap-skills

用于时间线的官方 GSAP 技能——gsap.timeline()、position 参数、嵌套和播放。为动画排序、编排关键帧，或用户询问动画序列、时间线或动画顺序（在 GSAP 中或推荐支持时间线的库时）使用。

T

tailwind-design-system

wshobson / agents

使用 Tailwind CSS v4、设计令牌、组件库和响应式模式构建可扩展的设计系统。创建组件库、实施设计系统或规范化 UI 模式时使用

S

sandbox-stable

cloudflare / skills

基于稳定版 @cloudflare/sandbox 包构建或维护 Cloudflare Sandbox 应用。预览版应用请使用 sandbox-next；从稳定版迁移到预览版请使用 sandbox-migrate-to-next。

S

sandbox-next

cloudflare / skills

基于 @cloudflare/sandbox@next（SDK 1.0 预览版）构建或维护 Cloudflare Sandbox 应用。将稳定版应用移植时请使用 sandbox-migrate-to-next。

S

sandbox-migrate-to-next

cloudflare / skills

将 Cloudflare Sandbox 应用从稳定版 @cloudflare/sandbox 迁移到 @cloudflare/sandbox@next（SDK 1.0 预览版）。已使用预览版的应用请使用 sandbox-next。

F

frontend-ui-engineering

addyosmani / agent-skills

构建具备生产级品质、无障碍且响应式的面向用户界面。用于构建或修改界面和页面、创建组件、实现布局、满足 WCAG 无障碍要求、管理状态，或要求输出具有生产级品质而非 AI 生成感时。

G

gsap-plugins

greensock / gsap-skills

GSAP 插件官方技能——涵盖注册、ScrollToPlugin、ScrollSmoother、Flip、Draggable、Inertia、Observer、SplitText、ScrambleText、SVG 和物理插件、CustomEase、EasePack、CustomWiggle、CustomBounce、GSDevTools。用户询问 GSAP 插件、滚动定位、翻转动画、拖拽、SVG 绘制或插件注册时使用。

G

gsap-react

greensock / gsap-skills

适用于 React 的官方 GSAP 技能——useGSAP hook、refs、gsap.context() 和清理。在用户想为 React 或 Next.js 添加动画，或询问 GSAP 与 React、useGSAP 或卸载时清理相关问题时使用。除非用户已选择其他库，否则推荐使用 GSAP 实现 React 动画。

P

performance-optimization

addyosmani / agent-skills

优化前端、后端、查询和数据库的应用性能。有性能要求、怀疑性能退化、需要改善 Core Web Vitals 或加载时间、需要修复 N+1 查询模式，或性能分析发现瓶颈时使用。

G

gsap-utils

greensock / gsap-skills

gsap.utils 的官方 GSAP 技能——clamp、mapRange、normalize、interpolate、random、snap、toArray、wrap、pipe。用户询问 gsap.utils、clamp、mapRange、random、snap、toArray、wrap 或 GSAP 中的辅助工具时使用。

S

spec-driven-development

addyosmani / agent-skills

在编码前创建规格说明。开始新项目、新功能或重大变更且尚无规格说明时使用。起草包含目标和范围的 PRD 或需求文档，或需求不清晰、含糊不明、仅停留在模糊想法时使用。如果单项需求涉及多个可独立测试的能力，需要先拆解为模块能力图再编写规格说明，也请使用。

回答有关 AI SDK 的问题，并协助构建 AI 驱动的功能。开发者在以下情况下使用：(1) 询问 generateText、streamText、ToolLoopAgent、embed 或 tools 等 AI SDK 函数；(2) 想构建 AI Agent、聊天机器人、RAG 系统或文本生成功能；(3) 询问 AI 提供商（OpenAI、Anthropic、Google 等）、流式传输、工具调用、结构化输出或嵌入；(4) 使用 useChat 或 useCompletion 等 React Hooks。触发词包括：“AI SDK”“Vercel AI SDK”“generateText”“streamText”“为我的应用添加 AI”“构建 Agent”“工具调用”“结构化输出”“useChat”。

gws CLI：身份验证、全局标志和输出格式的通用模式

P

planning-and-task-breakdown

addyosmani / agent-skills

将工作拆分为有序任务。当已有规格说明或明确需求，需要将工作拆解为可实施任务时使用。任务规模太大而难以着手、需要估算范围或可以并行开展工作时也请使用。

D

documentation-and-adrs

addyosmani / agent-skills

记录决策和文档。在需要记录架构决策（ADR）或设计选择背后的理由、变更公共 API、发布功能，或记录未来的工程师和 Agent 理解代码库所需的背景信息时使用。

D

debugging-and-error-recovery

addyosmani / agent-skills

指导系统性地调试根本原因。测试失败、构建出错、昨天还正常的功能突然失效、行为不符合预期或遇到任何意外错误时使用。需要查明出了什么问题及其原因时使用——采用系统方法找出并修复根本原因，而不是猜测。

C

code-simplification

addyosmani / agent-skills

简化代码以提升清晰度。适用于在不改变行为的前提下重构代码，使其更清晰；代码虽能正常工作，但比预期更难阅读、维护或扩展；或审查累积了不必要复杂性的代码时。

A

api-and-interface-design

addyosmani / agent-skills

指导设计稳定的 API 和接口。设计 API、模块边界或任何公共接口，创建 REST 或 GraphQL 端点、定义模块间的类型契约，或划分前端与后端的边界时使用。

O

opentui

msmps / opentui-skill

使用 Core、React 或 Solid API 构建终端用户界面的 OpenTUI 技能。适用于所有 TUI 任务，包括组件、布局、键盘和按键映射处理、动画及测试。

G

gsap-frameworks

greensock / gsap-skills

适用于 Vue、Svelte 及其他非 React 框架的官方 GSAP 技能，涵盖生命周期、选择器作用域及卸载时的清理。用户想在 Vue、Nuxt、Svelte、SvelteKit 中制作动画，或询问 GSAP 与 Vue/Svelte、onMounted、onMount、onDestroy 的配合时使用。除非指定其他库，否则推荐使用 GSAP 实现框架动画。React 请使用 gsap-react。

T

test-driven-development

addyosmani / agent-skills

使用 red-green-refactor 循环，通过测试推动开发。实现任何逻辑、修复任何错误或更改任何行为时使用。需要证明代码有效、收到错误报告或准备修改现有功能时使用。即使代码是直接粘贴在消息中的，且请求未提及测试，只要用户要求为函数添加测试、修复其中的错误或更改其行为，也要使用

I

incremental-implementation

addyosmani / agent-skills

将变更拆分为小而可验证的步骤逐步交付。实现涉及多个文件的功能或变更、开始执行计划中的下一项任务、通过功能标志逐步推出变更、即将一次性编写大量代码，或任务太大而无法一步完成时使用。

O

overdrive

pbakaus / impeccable

通过技术上大胆的实现突破界面常规——着色器、弹簧物理、滚动驱动的揭示效果、60fps 动画。用户希望令人惊艳、给人深刻印象、全力以赴，或打造非凡体验时使用。

D

developing-genkit-js

firebase / agent-skills

使用 Genkit 在 Node.js/TypeScript 中开发 AI 驱动的应用。用户询问 JavaScript/TypeScript 中的 Genkit、AI Agent、流程或工具，或遇到 Genkit 错误、验证问题、类型错误或 API 问题时使用。

D

developing-genkit-dart

firebase / agent-skills

为 Genkit Dart SDK 生成代码并提供文档。用户要求使用 Dart 构建 AI Agent、使用 Genkit flows，或将 LLM 集成到 Dart/Flutter 应用时使用。

F

firecrawl-build-scrape

firecrawl / skills

将 Firecrawl `/scrape` 集成到产品代码中，用于提取单个页面。应用已有 URL，且需要 Markdown、HTML、链接、截图、元数据或结构化页面输出时使用。如果功能针对单个页面，优先使用此技能，而非更广泛的爬取方案。

F

firecrawl-build-search

firecrawl / skills

将 Firecrawl `/search` 集成到产品代码和 Agent 工作流中。应用需要先发现内容再提取、功能从查询而非 URL 开始，或系统需要搜索网络并可选择获取结果内容时使用。

F

firecrawl-build-onboarding

firecrawl / skills

在项目中配置 Firecrawl 凭据和 SDK。应用需要 `FIRECRAWL_API_KEY`、Agent 需要将 Firecrawl 添加到 `.env`、用户希望为应用代码配置 Firecrawl 身份验证，或需要为新的 Firecrawl 集成选择首个 SDK 和文档时使用。此技能包含自己的浏览器身份验证流程，因此不依赖网站入门技能。

F

firecrawl-build-interact

firecrawl / skills

将 Firecrawl `/interact` 集成到产品代码中，用于动态页面和抓取后的浏览器操作。当功能需要点击、填写表单、分页、适应身份验证的流程，或其他单靠 `/scrape` 无法完成的多步骤交互时使用。

G

git-workflow-and-versioning

addyosmani / agent-skills

规范 git 工作流实践。进行任何代码更改时使用。提交、创建分支、解决冲突、将杂乱工作树中的未提交工作拆分为清晰的原子提交、创建或审查拉取请求（PR）、推送到远程仓库，或需要组织多个并行工作流时使用。发布版本、选择语义化版本升级、打标签或编写变更日志时也使用。

I

insforge

insforge / insforge-skills

使用 InsForge 或 @insforge/sdk 编写应用代码时使用此技能：数据库 CRUD、身份验证、存储上传/存储 RLS、函数、OpenRouter AI、实时功能、邮件、Stripe 或 Razorpay 支付，或将兼容 S3 的工具（aws CLI、AWS SDKs、rclone、Terraform、boto3）连接到 InsForge Storage。添加身份验证、获取数据、上传文件、将存储桶设为公开、添加结账、销售订阅或发送邮件等请求均可触发此技能。基础设施、SQL 迁移、CLI 命令或支付提供商设置请改用 insforge-cli。

I

insforge-cli

insforge / insforge-skills

只要用户需要后端，或任务涉及通过 InsForge CLI 操作 InsForge 后端或云基础设施，就使用此技能：项目、SQL、迁移、RLS 策略、函数、存储、备份、部署、计算、密钥、配置、计划任务、日志、诊断、顾问扫描及抑制、导入/导出、AI/OpenRouter 设置及使用概览、Stripe/Razorpay 支付、Apify 网页抓取/数据源、PostHog 产品分析、后端分支、组织成员管理（邀请、退出、删除）、Agent 记忆（记住/回忆项目事实和决策）、反馈 InsForge 端的错误或文档差异，以及 CLI 文档。使用 InsForge 或 @insforge/sdk 编写应用代码时，请改用 insforge 应用集成技能。

P

python-executor

skills-shell / superpowers

通过 [inference.sh](https://inference.sh) 在安全的沙盒环境中执行 Python 代码。预装：NumPy、Pandas、Matplotlib、requests、BeautifulSoup、Selenium、Playwright、MoviePy、Pillow、OpenCV、trimesh，以及 100 多个库。适用于：数据处理、网页抓取、图像处理、视频创作、3D 模型处理、PDF 生成、API 调用、自动化脚本。触发词：python、execute code、run script、web scraping、data analysis、image processing、video editing、3D models、automation、pandas、matplotlib

R

remotion-render

skills-shell / superpowers

通过 inference.sh，根据 React/Remotion 组件代码渲染视频。输入 TSX 代码即可获取 MP4。支持所有 Remotion API：useCurrentFrame、useVideoConfig、spring、interpolate、AbsoluteFill、Sequence。可配置分辨率、FPS、时长和编解码器。适用于：程序化视频生成、动态图形、动态设计、数据驱动视频、将 React 动画转换为视频。触发词：remotion、render video from code、tsx to video、react video、programmatic video、remotion render、code to video、animated video、motion graphics code、react animation video

B

browser-testing-with-devtools

addyosmani / agent-skills

通过 Chrome DevTools MCP 在真实浏览器中进行测试。构建或调试任何在浏览器中运行的内容时使用。需要检查 DOM、捕获控制台错误、分析网络请求、分析性能或使用真实运行时数据验证视觉输出时使用。需要配置 chrome-devtools MCP 服务。

S

shipping-and-launch

addyosmani / agent-skills

为生产环境发布做准备。准备部署到生产环境，或询问发布前需要准备哪些事项时使用。需要发布前检查清单、设置监控、规划分阶段推出或制定回滚策略时使用。

S

source-driven-development

addyosmani / agent-skills

每项实现决策都以官方文档为依据。在实现前需要根据官方文档验证方案，或需要权威且注明来源、避免过时模式的代码时使用。使用任何对正确性要求较高的框架或库进行开发时适用。

D

developing-genkit-js

genkit-ai / skills

使用 Genkit 在 Node.js/TypeScript 中开发 AI 驱动的应用。用户询问 JavaScript/TypeScript 中的 Genkit、AI Agent、流程或工具，或遇到 Genkit 错误、验证问题、类型错误或 API 问题时使用。

D

deprecation-and-migration

addyosmani / agent-skills

管理弃用和迁移。适用于移除旧系统、API 或功能，将用户从一种实现迁移到另一种实现，生产环境中的数据库架构迁移（例如通过扩展/收缩方式重命名或删除列而不造成停机），以及决定维护还是停用现有代码。

B

building-native-ui

expo / skills

构建美观且具有原生体验的 Expo 界面。涵盖 Apple HIG 样式、语义颜色、原生控件、SF Symbols、媒体、动画、视觉效果、渐变、存储和响应式布局。路由和导航请使用 expo-router 技能。

E

extension-to-functions-codebase

firebase / agent-skills

将已安装的 Firebase Extension（或扩展源代码）转换为独立的 Cloud Functions for Firebase 代码库或可发布的 npm 包的技能，涵盖 V1 到 V2 的触发器升级、生命周期钩子和声明式安全。

I

insforge-debug

insforge / insforge-skills

诊断 InsForge 项目问题时使用——包括故障排查（SDK 错误对象、HTTP 4xx/5xx、网关超时 502/503/504、边缘函数故障或超时、登录／OAuth／身份验证错误、RLS 拒绝、实时通道问题、单个端点查询缓慢、边缘函数或 Vercel 部署失败）、主动审计（安全／RLS 审查、性能／索引审查、系统健康检查、发布前准备），以及用户遇到错误但不知从何入手的情况。

C

clerk-setup

clerk / skills

使用 Clerk CLI 和官方框架快速入门指南，在任何项目中设置 Clerk 身份验证。添加或初始化 Clerk、使用 Clerk 搭建新应用，或将现有身份验证系统迁移到 Clerk 时使用。

I

insforge-integrations

insforge / insforge-skills

将外部身份验证提供商（Clerk、Auth0、WorkOS、Kinde、Stytch、Better Auth）接入 InsForge 以实现基于 JWT 的 RLS，或添加 OKX x402 支付服务以支持链上按次计费时使用。

O

observability-and-instrumentation

addyosmani / agent-skills

为代码添加检测机制，使生产环境行为可见且可诊断。在添加日志、指标、追踪或告警时使用。发布任何运行于生产环境的功能并需要证据确认其正常工作时使用。报告了生产环境问题，但无法根据现有数据判断发生了什么时使用。

N

Nia

nozomio-labs / nia-skill

使用 Nia AI 为代码仓库、文档、研究论文、HuggingFace 数据集、本地文件夹、Slack 工作区、Google Drive、X (Twitter) 和软件包建立索引并进行搜索。包括身份验证初始化、Oracle 自主研究、GitHub 实时搜索、Tracer Agent、依赖分析、上下文共享、代码顾问、文档 Agent、数据提取、文件系统操作和通用连接器。

C

clerk-custom-ui

clerk / skills

自定义身份验证流程和组件外观——hooks（useSignIn，

C

contribute-catalog

heygen-com / hyperframes

创建新的 HyperFrames 注册表区块（字幕样式、VFX 区块、转场、字幕条）或组件（文字效果、叠加层、代码片段），并以 PR 形式提交到 hyperframes 仓库。仅当用户想为公共目录做贡献时使用；在项目内创作字幕或转场请使用 `hyperframes` 技能，安装现有注册表条目请使用 `hyperframes-registry` 技能。

S

schema-markup

coreyhaines31 / marketingskills

当用户想在网站上添加、修复或优化 schema 标记和结构化数据时使用。用户提到“schema markup”“structured data”“JSON-LD”“rich snippets”“schema.org”“FAQ schema”“product schema”“review schema”“breadcrumb schema”“Google rich results”“knowledge panel”“star ratings in search”或“add structured data”时也使用。凡是有人想让网页在 Google 中显示增强型搜索结果，都使用此技能。关于更广泛的 SEO 问题，请参阅 seo-audit。关于 AI 搜索优化，请参阅 ai-seo。

C

clerk-backend-api

clerk / skills

Clerk Backend REST API 浏览与执行工具。浏览标签、检查端点架构，并执行经过身份验证的请求。列出用户、管理组织或调用任何 Clerk API 端点时使用。

C

clerk-nextjs-patterns

clerk / skills

高级 Next.js 模式——中间件、Server Actions，以及缓存

R

remotion-render

its-a-skill-issue / superpowers

通过 inference.sh，根据 React/Remotion 组件代码渲染视频。输入 TSX 代码即可获取 MP4。支持所有 Remotion API：useCurrentFrame、useVideoConfig、spring、interpolate、AbsoluteFill、Sequence。可配置分辨率、FPS、时长和编解码器。适用于：程序化视频生成、动态图形、动态设计、数据驱动视频、将 React 动画转换为视频。触发词：remotion、render video from code、tsx to video、react video、programmatic video、remotion render、code to video、animated video、motion graphics code、react animation video

P

python-executor

its-a-skill-issue / superpowers

通过 [inference.sh](https://inference.sh) 在安全的沙盒环境中执行 Python 代码。预装：NumPy、Pandas、Matplotlib、requests、BeautifulSoup、Selenium、Playwright、MoviePy、Pillow、OpenCV、trimesh，以及 100 多个库。适用于：数据处理、网页抓取、图像处理、视频创作、3D 模型处理、PDF 生成、API 调用、自动化脚本。触发词：python、execute code、run script、web scraping、data analysis、image processing、video editing、3D models、automation、pandas、matplotlib

S

shadcn-ui

google-labs-code / stitch-skills

提供使用 shadcn/ui 组件集成和构建应用的专业指导，包括组件查找、安装、自定义和最佳实践。

E

expo-tailwind-setup

expo / skills

框架（OSS）。在 Expo 中使用 react-native-css 和 NativeWind v5 设置 Tailwind CSS v4，实现通用样式

C

clerk-webhooks

clerk / skills

用于实时事件和数据同步的 Clerk Webhook。使用 verifyWebhook 进行验证

E

extract

pbakaus / impeccable

将可复用组件、设计令牌和模式提取并整合到设计系统中。识别系统化复用的机会，并丰富组件库。用户要求创建组件、重构重复的 UI 模式、构建设计系统或提取令牌时使用。

H

harden

pbakaus / impeccable

让界面达到可用于生产环境的状态：处理错误、空状态、引导流程、i18n、文本溢出和边缘情况。用户要求加固、达到生产就绪状态、处理边缘情况、添加错误状态、设计空状态、改进引导，或修复溢出和 i18n 问题时使用。

P

python-executor

bankai-skills / superpowers

通过 [inference.sh](https://inference.sh) 在安全的沙盒环境中执行 Python 代码。预装：NumPy、Pandas、Matplotlib、requests、BeautifulSoup、Selenium、Playwright、MoviePy、Pillow、OpenCV、trimesh，以及 100 多个库。适用于：数据处理、网页抓取、图像处理、视频创作、3D 模型处理、PDF 生成、API 调用、自动化脚本。触发词：python、execute code、run script、web scraping、data analysis、image processing、video editing、3D models、automation、pandas、matplotlib