vercel-composition-patterns

它能做什么

中文摘要

「vercel-composition-patterns」的原始 GitHub SKILL.md 将它定位为：Refactoring components with many boolean props.。它的核心价值是把前端性能、渲染路径、数据获取和包体控制变成可执行检查清单；约束界面层级、组件状态、可访问性和视觉验收细节。文档重点章节包括「When to Apply」「Rule Categories by Priority」「Quick Reference」。

为什么推荐

推荐理由

推荐它，是因为它在「前端与 React」分类里热度靠前（安装量 233,897），同时原始文档信息密度足够高。原文列出的执行要点包括：Refactoring components with many boolean props；Building reusable component libraries。它还被标记为官方条目，适合作为同类任务的优先安装候选。对经常重复的任务来说，这类 Skill 能把经验沉淀到工作流前端，减少临场猜测。

什么时候用

适用场景

• 做界面实现、组件重构、视觉验收或设计系统一致性检查
• 处理 Web 应用路由、部署、缓存、服务端渲染和生产问题
• 提升 Agent 的规划、调试、浏览器自动化和多代理协作能力

使用前先看

主要亮点

• 01

  适合把一串开关式 props 改成更清晰的组合式结构。

• 02

  有助于设计可扩展的组件使用方式，减少后续改动成本。

• 03

  原文只提到布尔属性过多，细节有限，不宜延伸出更多能力。

原始文档

原文摘录

Refactoring components with many boolean props.