vercel-composition-patterns
把布尔属性过多的组件重构为可组合 API,整理复合组件、render props 和 Context 模式。
重构复杂组件接口时。
安装这个 Skill
npx skills add https://github.com/vercel-labs/agent-skills --skill vercel-composition-patterns
为什么值得装
推荐它,是因为它在「前端与 React」分类里热度靠前(安装量 233,897),同时原始文档信息密度足够高。原文列出的执行要点包括:Refactoring components with many boolean props;Building reusable component libraries。它还被标记为官方条目,适合作为同类任务的优先安装候选。对经常重复的任务来说,这类 Skill 能把经验沉淀到工作流前端,减少临场猜测。
原文里最有价值的点
- 适合把一串开关式 props 改成更清晰的组合式结构。
- 有助于设计可扩展的组件使用方式,减少后续改动成本。
- 原文只提到布尔属性过多,细节有限,不宜延伸出更多能力。
适合用在
- 提升 Agent 的规划、调试、浏览器自动化和多代理协作能力