React

repo-scan 是一款跨技术栈的源码审计技能，可对文件进行分类、识别内嵌的第三方库，并帮助你判断哪些是核心代码、重复代码或无用负担。它适用于 repo-scan 代码审查、遗留系统迁移和重构规划。技能中提供了 repo-scan 安装与 repo-scan 使用指引。

remotion-video-creation 是一个面向 Remotion 的 React 视频创作技能。它通过 29 条规则覆盖动画、素材、音频、字幕、图表、composition 和转场，帮助减少渲染失误。适用于 Video Editing 工作流、模板化讲解视频、社媒短片和数据驱动的动态图形。

frontend-patterns 是一项面向 React 和 Next.js 前端开发的实用技能，帮助你为组件、状态、表单、路由、可访问性和性能选择更易维护的模式。当前端-patterns 指南是你需要清晰的实现思路和模式选择，而不只是泛泛的最佳实践时，它就很适合使用。

click-path-audit 技能可沿着 UI 处理函数追踪每一次状态变化，帮助在重构之后或代码评审过程中发现顺序型 bug、共享状态冲突以及最终状态不一致问题。

使用 shadcn skill 检查项目上下文、运行正确的 CLI 命令、安装组件，并基于文档中的模式完成 UI 组合，包括 base 与 radix 的差异、表单、主题以及 registries 的用法。

frontend-design 帮你把模糊的 UI 想法，转化为有审美导向的量产级界面，实现真实可用的前端代码，而不是千篇一律的 AI 风格。

fullstack-developer 是一套可复用的提示词包，面向现代 JavaScript 与 TypeScript Web 应用开发，覆盖 React、Next.js、Node.js、APIs、数据库、auth 与 deployment 等场景。它更适合多层级的规划与实现工作，核心是一份用于定义范围和工作流的 SKILL.md，而不是直接提供脚本或模板。

prototype 技能可帮助你先做一段临时代码，在真正实现之前，先回答一个具体问题。它适合用可运行的原型来验证逻辑、状态流转、数据结构或 UI 方向，并且能符合宿主仓库的约定。它特别适合你需要的是一份快速的 prototype 指南，而不是最终功能的时候。

ui-ux-pro-max 是一款面向 AI 辅助 UI/UX 设计的综合技能，提供网页和移动端项目的布局、风格、配色体系、字体排版及 UX 规则等结构化指导。适合需要在 React、Next.js、Vue、Svelte、Tailwind、shadcn/ui、SwiftUI、React Native、Flutter 及 HTML/CSS 等技术栈中做出实用设计决策的开发者和团队。可用于 UI 规划、评审与优化，提升设计智能。

ckm:ui-styling 帮助你用 shadcn/ui、Tailwind CSS 和 canvas 视觉设计创建无障碍、可投产的用户界面。适合基于 React 的项目，支持结构化响应式布局、无障碍组件、暗色模式和一致的设计系统。适用于 UI 设计、主题定制和高效原型开发，提供实用、面向技术栈的指导。

design-system-patterns 可帮助团队围绕 token 结构、theming 架构和可复用组件 API 模式，构建设计系统与组件库所需的可扩展 UI 基础。

interaction-design 技能可帮助团队设计并实现有明确目的的 UI 动效、微交互、过渡效果、加载状态和反馈模式，并提供实用的 React 导向参考资料与使用建议。

web-component-design 技能可帮助团队为 React、Vue 和 Svelte 设计可复用的 UI 组件，提供稳健的 API 模式、无障碍指导，以及面向设计系统的样式取舍参考。

react-state-management 是一项实用技能，用于根据状态类型、应用规模和迁移需求，选择并使用 Redux Toolkit、Zustand、Jotai、React Query、SWR 和 RTK Query 等 React 状态管理工具。

nextjs-app-router-patterns 可帮助开发者规划 Next.js 14+ 的 App Router 架构，涵盖 Server Components、streaming、caching、route handlers 和 Server Actions，适用于全栈开发与从 Pages Router 迁移的场景。

react-native-architecture 用于规划生产级 React Native 和 Expo 应用，涵盖路由、状态边界、原生模块、offline-first 流程，以及 Expo 与 bare 的取舍。

react-modernization 是一项以迁移升级为核心的技能，适合将 React 16/17 应用升级到 18+、把 class components 改造为 hooks、更新 root API，并基于 codemod 认知提供分阶段重构指引。

vercel-react-native-skills 是一个面向 React Native 和 Expo 的 skill，适合注重性能的前端开发。可用于优化列表渲染、动画、导航、UI 模式、状态管理以及原生模块配置。它提供实用规则、安装指引和使用模式，帮助你更少猜测地排查移动端应用瓶颈。

vercel-composition-patterns 是一套面向 Frontend Development 的 React 组合模式技能，帮助用复合组件、显式变体、状态上提和 React 19 安全 API，替代布尔型 props 泛滥。可用于审视组件架构、优化可复用 UI API，并为可扩展的前端代码选择合适的组合模式。

vercel-react-best-practices 是由 Vercel Engineering 提供的 skill，用优先级规则引导 AI 优化 React 和 Next.js 性能，涵盖瀑布流请求、bundle 体积和渲染等关键问题。

overdrive 是一个面向雄心勃勃的 UI 设计工作的 GitHub skill，强调上下文收集、先提案后执行，以及出色的交互质量。适合用于安装并应用 overdrive，以实现电影感过渡、响应式界面和高冲击力的产品体验。

optimize 技能用于诊断并修复 UI 性能问题，涵盖加载速度、渲染、动画、图片和包体积。适合在你需要一份结构化的 optimize 指南时使用，尤其是面对加载慢、卡顿、掉帧或观感不顺滑的网页体验时，可采用先测量、后排查的方式进行性能优化。

source-driven-development 技能将框架相关编码建立在官方文档之上，帮助你在实现前先验证模式是否正确。它非常适合在 React、Vue、Next.js、Svelte、Angular 等技术栈中进行 source-driven-development 相关使用，尤其是在正确性、来源可追溯性和版本敏感决策很重要的时候。

performance-optimization 技能帮助你先测量、找出真正瓶颈、完成优化，并验证结果。适用于已有性能要求、怀疑出现性能回退，或需要改善 Core Web Vitals、加载时间与交互延迟的场景。