Tailwind CSS DESIGN.md templates and references

What belongs in Tailwind DESIGN.md

Tailwind DESIGN.md should define spacing rhythm, radius scale, semantic color usage, dark mode behavior and component tone — not just list utility classes.

Agents need explicit rules for card padding, table density, form spacing and when to use border vs shadow. Without that, every screen drifts toward generic gray UI.

Templates vs references

Use a Tailwind reference or template scaffold when you only need agent rules. Use a Next.js kit when you want runnable source, tokens export and dashboard routes that already follow the same DESIGN.md.