shadcn-core-stack

Official

Fix shadcn styling and variant bugs fast

AuthorImpertio-Studio
Version1.0.0
Installs0

System Documentation

What problem does it solve?

It prevents the most common shadcn-ui failures where class merging, variant wiring, or package/runtime assumptions cause UI styling and behavior to break silently.

Core Features & Use Cases

  • Runtime stack clarity: explains how Radix primitives, cva variants, tailwind-merge, clsx, and lucide-react combine after shadcn copies code into your project.
  • Deterministic class composition: enforces using the canonical cn() helper so callers can override styles while tailwind utility conflicts resolve correctly.
  • Variant correctness: ensures cva is defined at module scope and that compoundVariants and defaultVariants behave as intended.
  • Radix import hygiene: helps choose unified radix-ui vs legacy @radix-ui/react-* and avoids mixing module instances.
  • Version alignment guidance: covers tailwind-merge compatibility across Tailwind v3 vs v4, and cva stable vs beta selection.

Quick Start

Ask an AI to “Explain what runtime layers my shadcn component is using and show how to fix my className override not applying, including correct cn(), cva, and Radix import choices for Tailwind v4.”

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: shadcn-core-stack
Download link: https://github.com/Impertio-Studio/shadcn-ui-Claude-Skill-Package/archive/main.zip#shadcn-core-stack

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.