vercel-composition

What problem does it solve?

This Skill provides a structured approach to building scalable and maintainable React components, preventing common pitfalls like boolean prop proliferation and enabling flexible, reusable code.

Core Features & Use Cases

• Component Architecture: Learn to avoid excessive boolean props and structure components using compound patterns.
• State Management: Implement effective state lifting and context-based dependency injection.
• Implementation Patterns: Prefer children over render props and create explicit component variants for clarity.
• Use Case: Refactor a complex UserProfile component that currently uses many boolean flags into a set of well-defined, composable sub-components that are easier to manage and extend.

Quick Start

Apply the vercel composition skill to refactor the Composer component to use compound components and explicit variants.