Vercel Composition Patterns

Vercel's guide to taming React component APIs that have spiraled into boolean prop hell. The patterns here push you toward compound components, context providers, and explicit composition instead of adding another `showHeader` or `isCompact` flag. Covers the usual suspects like lifting state and render props, but the real value is in the architectural stance: make components that scale for both humans and AI agents working in your codebase. Includes React 19 API updates, though you'll want to skip those sections if you're still on 18. The rule categorization by priority is helpful for knowing what to fix first during refactors.

Install to Claude Code

npx -y skills add pedronauck/skills --skill vercel-composition-patterns --agent claude-code