← 返回 Skills 合集
vercel-composition-patterns
安装量 23.4万分类：编程与开发
「vercel-composition-patterns」的原始 GitHub SKILL.md 将它定位为：Refactoring components with many boolean props.。它的核心价值是把前端性能、渲染路径、数据获取和包体控制变成可执行检查清单；约束界面层级、组件状态、可访问性和视觉验收细节。文档重点章节包括「When to Apply」「Rule Categories by Priority」「Quick Reference」。
前端与 Reactvercel-labs/agent-skills官方
一句话价值
把布尔属性过多的组件重构为可组合 API，整理复合组件、render props 和 Context 模式。
适合场景
- 做界面实现、组件重构、视觉验收或设计系统一致性检查
- 处理 Web 应用路由、部署、缓存、服务端渲染和生产问题
- 提升 Agent 的规划、调试、浏览器自动化和多代理协作能力
亮点
- 适合把一串开关式 props 改成更清晰的组合式结构。
- 有助于设计可扩展的组件使用方式，减少后续改动成本。
- 原文只提到布尔属性过多，细节有限，不宜延伸出更多能力。
安装方法
在终端执行下面的命令即可安装该 Skill：
npx skills add https://github.com/vercel-labs/agent-skills --skill vercel-composition-patterns