In brief
This skill, official vercel-labs, deals with the React composition patterns that hold the charge when a component API becomes more complex. It is applied to refactor an invaded component of Boolean properties, design a soft library, or install compound components, render props, or a context provider. The rules are grouped: component architecture (high priority, including refusal to add booleans to customize everything), status management, implementation patterns, then API from React 19. On the React 19 side, `forwardRef` is avoided and `use()` is preferred to `useContext()`. This is not the React performance manual of the same repository: here the stake is the form of the API and the composition, not the waterfalls or the size of the bundle. It is also used as a checklist when a series of components becomes difficult to extend without multiplying flags.
What it does
- Helps refactor an API component too loaded into Boolean properties, towards a more flexible composition.
- Covers compound components, render props and context providers, ranked by priority.
- Integrate the changes to
- Distinguished from the React performance guide: the subject is compositional architecture, not running.
Who it is for, and an example
People who design a React component library, or who see their Boolean props multiply, and seek stable composition patterns, including under React 19.
Example request: " This Button component has too many Boolean props (primary, danger, icononly): offers a composition at React 19, without forwardRef. »
It is requested to review the API of a component, to place compounds or to render props, or to apply the API React 19 composition. Example written by iadujour.fr from the SKILL.md, not tested.
Install
npx skills add vercel-labs/agent-skills (installs collection; commands README).
npx skills add vercel-labs/agent-skillsLevel: Intermediate
Suppose an existing React or Next.js database and code reading.
SKILL.md excerpt
The original description, which the agent reads to decide whether to load the skill (in English):
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.
Quoted from SKILL.md at commit 1a2c79d . The folder also contains 13 extra files (rules/).
The SKILL.md has 90 lines and 5 main sections:
- When to Apply
- Rule Categories by Priority
- Quick Reference
- How to Use
- Full Compiled Document
Licence: MIT (declared, no file)
Checked on 10 November 2026 : no licence file in the skill folder or at the repository root; “ MIT ” licence declared in the SKILL.md frontmatter; “ MIT ” licence declared in the repository README Licence section.
Licence only declared, with no file or copyright holder: full text not reproduced, as a precaution. For the full text, see the source.
Comments.
A field note, a question, a precision on this skill? Comments are reviewed before publication.
Published comments
Loading comments…
Leave a comment
Moderation charter. Every comment is reviewed before publication. We refuse hate speech, insulting or discriminatory language, advertising, spam and promotional links, off-topic posts and other people’s personal data.