architecture-patternsdevelopment
tailwind-v4-shadcn
Set up Tailwind v4 with shadcn/ui using @theme inline pattern and CSS variable architecture. Four-step pattern: CSS variables, Tailwind mapping, base styles, automatic dark mode. Use when initializing React projects with Tailwind v4, or fixing colors not working, tw-animate-css errors, v3 migration.
maintainer
jezweb
আপডেট হয়েছে 1/19/2026
স্টার
166
ফর্ক
21
quick start
Installation and usage
Set up Tailwind v4 with shadcn/ui using @theme inline pattern and CSS variable architecture. Four-step pattern: CSS variables, Tailwind mapping, base styles, automatic dark mode. Use when initializing React projects with Tailwind v4, or fixing colors not working, tw-animate-css errors, v3 migration.
ইনস্টলেশন
$ install --globalskills.sh
ব্যবহার
ইনস্টল করার পর, টার্মিনালে নিচের কমান্ড চালিয়ে আপনি এই স্কিল ব্যবহার করতে পারবেন:
skills use tailwind-v4-shadcn