vercel-composition-patterns

作者： vercel

用于扩展组件并避免布尔属性泛滥的React组合模式。涵盖四个优先级类别：组件架构、状态管理、实现模式和React 19 API，每个类别包含具体规则和代码示例。包含10多种命名模式，涉及复合组件、上下文提供者、状态提升和显式变体。专为重构臃肿组件、构建可复用库以及审查组件架构决策而设计。React...

npx skills add https://github.com/vercel-labs/agent-skills --skill vercel-composition-patterns

下载 ZIP GitHub

来自 vercel 的更多技能

benchmark-sandbox

在 Vercel Sandbox 中运行 vercel-plugin eval 场景，而非本地 WezTerm 面板。预置了包含 Claude Code 及预装插件的临时微型虚拟机…

emil-design-eng

该技能编码了Emil Kowalski关于UI打磨、组件设计、动画决策以及那些让软件体验出色的隐形细节的设计哲学。

vercel-react-best-practices

来自 Vercel 工程团队的 React 和 Next.js 性能优化指南。在编写、审查或重构 React/Next.js… 时应使用此技能。

vercel-react-best-practices

来自 Vercel 工程团队的 React 和 Next.js 性能优化指南。在编写、审查或重构 React/Next.js… 时应使用此技能。

编写一份技术指南，通过循序渐进的示例教授一个实际应用场景。仅在读者需要时才引入相关概念。

发布 vercel-plugin — 运行门控、升级版本、生成构建产物、提交并推送。当被要求“发布”、“交付”、“升级并推送”或“切一个发布版本”时使用。

对来自dev3000的Vercel项目签出运行DeepSec。用于一键式DeepSec设置、项目上下文引导、受限的首次处理以及…

将已合并的Next.js拉取请求从canary分支回溯到之前的发布分支，例如next-16-2。当用户要求回溯、cherry-pick或打开…时使用。