dangapp-cva-factory

What problem does it solve?

This Skill streamlines the creation of reusable UI components by abstracting complex class logic into manageable variants, preventing ad-hoc branching and ensuring a consistent styling API.

Core Features & Use Cases

• Variant-Driven Components: Define UI primitives with class-variance-authority for clear size, intent, state, or radius variations.
• Unified Class Merging: Integrates external className props seamlessly using a shared cn() utility.
• Use Case: Refactor a button component that currently uses many if/else statements for different sizes and colors into a single component with semantic variants like size="small" and color="primary".

Quick Start

Create a new reusable UI primitive using class-variance-authority and a shared cn() merge path.