vercel-composition-patterns

@vercel-labs · 收录于 1 周前 · 上游提交 1 个月前

React composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexible component libraries, or designing reusable APIs. Triggers on tasks involving compound components, render props, context providers, or component architecture. Includes React 19 API changes.

场景组件重构组件库设计 api设计

适合你，如果正在重构组件或设计可复用的组件库

/ 下载安装

https://github.com/vercel-labs/agent-skills/tree/main/skills/composition-patterns ↗

/ 通过 npx 安装 校验哈希

npx oh-my-skill add vercel-labs/agent-skills/vercel-composition-patterns

/ 通过 bash 安装

curl -fsSL https://oh-my-skill.com/install.sh | bash -s -- vercel-labs/agent-skills/vercel-composition-patterns

/ 已经装过?验证本机副本,不用重装

npx oh-my-skill verify vercel-labs/agent-skills/vercel-composition-patterns

安装目标可用 --agent / --scope 或 --to 明确指定;省略时只会在唯一已存在的 agent 目录上自动选择,零命中或多命中会停止并提示。content_hash 缺失或不一致均拒装。

28888GitHub stars

~510最小装载

~5.6K含声明引用

~8.7K文本包总量

索引托管

怎么用

商店整理自技能原文 · 版本 f8a72b9 · 表述以原文为准

它做什么

安装后，Claude 会按照 React 组合模式重构组件，避免使用大量布尔属性，改用复合组件、状态提升等设计，并支持 React 19 新 API。

什么时候触发

当你要求重构包含多个布尔属性的组件、构建可复用的组件库或设计组件 API 时触发。

装好后可以这样说

Claude 会应用复合组件模式来简化代码。

技能原文在 GitHub 查看 →

登录即可评论;带「已验证安装」的,是发布者名下有本店的安装或持有记录。

…