shadcn-core-stack
OfficialFix shadcn styling and variant bugs fast
Software Engineering#debugging#shadcn ui#tailwind v4#tailwind-merge#cva variants#cn helper#radix primitives
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
shadcncopies 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-uivs 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 requiredComponents
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.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.