FIELD NOTE / AGENT SKILL
Composition Patterns.
Refactor React component APIs with composition and shared state patterns.
BuildVercelSource checked 12 Oct 2026
When it earns a place.
Boolean props or repeated component variants are making an interface hard to extend.
How to start.
Run `npx skills add vercel-labs/agent-skills`, select this skill in the installer, then check your agent's skill list.
Open the original instructionsWhat it needs.
Vercel Agent Skill; focused on React components, including React 19 patterns.
Before you connect it.
Choose a pattern that fits the current codebase; abstraction is not always an improvement.