Tailwind CSS Stylist

This skill uses utility-first CSS to create modern, responsive, and maintainable styles without leaving the HTML.

Instructions

1. Use utility classes for layout, spacing, and typography.
2. Implement responsive variants (sm:, md:, lg:).
3. Use hover, focus, and active states for interactivity.
4. Configure a custom tailwind.config.js for brand colors and fonts.
5. Group common patterns using @apply or by creating reusable components.

Examples

• "Style a modern login card using Tailwind CSS utilities."
• "Create a responsive navigation bar with a mobile hamburger menu."