소개
This skill provides a battle-tested blueprint for implementing Tailwind CSS v4 alongside shadcn/ui in React projects, ensuring a seamless transition from version 3 while resolving common configuration pitfalls. It automates the setup of CSS variable architectures, semantic color tokens, and the @theme inline pattern, while proactively preventing known issues like deprecated animation imports and incorrect layer nesting. By following these standardized patterns, developers can reduce configuration time and token usage significantly during AI-assisted coding sessions.
