vercel-composition-patterns 给 AI 一套 React 组件组织方法，主要用于整理越来越复杂的组件接口，让页面可以通过组合组件来表达不同需求。
一个弹窗最初只有“打开”和“关闭”，后来加上登录模式、支付模式、简洁模式，参数之间还互相影响。这时可以把组件代码交给 AI，让它检查哪些部分适合拆开组合，哪些状态需要共享。
文档会涉及组合组件、共享状态和明确区分不同变体等做法。它关心的是组件如何被使用和维护，给团队写组件库、重构老组件时比较有针对性。
使用时要带上真实调用位置和 React 版本。有些规则只适用于 React 19，不能看到示例就直接搬进旧项目；重构后也需要验证原来的交互仍然成立。
每天在iskills.cc看懂一个skill，让 AI 的本领， 成为你的拿手好戏！