Shadcn UI & ShadcnBlocks Integration

This skill enables building polished frontends using shadcn/ui components and premium ShadcnBlocks templates. Its primary capability is intelligently recommending the best block or component for any UI need — not just the right category, but the right variant within that category — then handling setup and installation.

When to Use

Activate this skill when:

• Creating a new frontend, landing page, marketing site, or app UI
• The project uses or should use React/Next.js with Tailwind CSS
• Pre-built UI sections (hero, pricing, features, testimonials, etc.) would accelerate development
• The user needs a specific UI element (form, chart, dialog, navigation, etc.)
• The user mentions shadcn, shadcn/ui, shadcnblocks, or Tailwind-based UI components

Blocks vs Components