React Composition Patterns

Use scalable React composition patterns and avoid brittle boolean-prop APIs.

Install with skills CLI

npx skills add vercel-labs/agent-skills --skill vercel-composition-patterns

Choose your target agent when the installer prompts. Installation target does not mean this listing has tested every agent.

Production React Web

Build: Keeps component APIs composable and state boundaries clear.

Architecture guidance for reusable React components, compound patterns, state ownership, and modern React APIs.

Refactor component APIs

Design reusable primitives

Review state ownership

Apply performance guidance for React and Next.js from Vercel Engineering.

Frontend npx install

Ship less templated landing pages, portfolios, and interface redesigns.

Frontend npx install

Build distinctive interfaces with intentional typography, composition, and visual direction.

Frontend npx install