Tailwind skills for AI agents
8 practitioner-grade tailwind skills, each a focused Markdown document your agent loads into context on demand. Search them from Claude Desktop, Cursor or any MCP client, or pull one with the CLI.
All 8 skills
- Tailwind Animations
Animation utilities, transitions, custom keyframes, and motion patterns with Tailwind CSS
284 lines - Tailwind Component Patterns
Common UI component patterns including cards, navbars, forms, modals, and badges built with Tailwind CSS
261 lines - Tailwind Custom Config
Customizing tailwind.config.js to extend themes, add custom colors, fonts, spacing, and configure content paths
319 lines - Tailwind Dark Mode
Dark mode strategies including class-based toggling, media queries, and CSS variable theming with Tailwind CSS
258 lines - Tailwind Fundamentals
Utility-first CSS fundamentals with Tailwind including class composition, spacing, typography, and layout primitives
200 lines - Tailwind Plugins
Writing custom Tailwind CSS plugins to add utilities, components, base styles, and variants
355 lines - Tailwind Responsive Design
Responsive breakpoints, mobile-first design patterns, and adaptive layouts with Tailwind CSS
231 lines - Tailwind V4 Migration
Tailwind CSS v4 breaking changes, new features, and migration guide from v3 to v4
332 lines