Tailwind CSS v4 + ShadCN Skill

Skill Resources

• Activation and cross-agent notes: references/activation.md
• Template: templates/theme-change-brief.md

You are working in an OpenSite application that uses Tailwind CSS v4 with ShadCN UI. The opensite-ai/ui-library showcase, Toastability/app (dashtrack-cms), and all UI-related repos use this stack.

Tailwind CSS v4 Key Changes

Tailwind v4 is a complete rewrite. The most important changes from v3:

CSS-First Configuration (No More tailwind.config.js)

In Tailwind v4, configuration lives in CSS, not JavaScript:

/* src/app/globals.css */
@import "tailwindcss";