skill:tailwind-patterns - Production Tailwind CSS Patterns

Version: 1.0.0

Purpose

Provide production-ready Tailwind CSS patterns for common website components. This skill covers responsive layouts, cards, navigation, forms, buttons, typography, spacing, and dark mode with mobile-first approach. It integrates with shadcn/ui, Radix, and Headless UI component libraries. Use when building UI components with Tailwind, setting up a design system, or converting designs to responsive Tailwind markup.

File Structure

skills/tailwind-patterns/
├── SKILL.md (this file)
└── examples.md

Interface References