Visual Arts & Design8 skills

Tailwind Design System skills for AI agents

8 practitioner-grade tailwind design system 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.

$ npx skilldb search "tailwind design system"

All 8 skills

accessibility-patterns
Focus styles, screen reader support, ARIA, and keyboard navigation with Tailwind
205 lines
animation-motion
Transitions, keyframe animations, and spring-like animations with Tailwind
226 lines
color-system
Design token color system with semantic colors, dark mode, and CSS variables in Tailwind
191 lines
component-variants
Building component variants with CVA/class-variance-authority and Tailwind
195 lines
dark-mode
Dark mode implementation with Tailwind dark:, CSS variables, and system preference detection
199 lines
responsive-patterns
Mobile-first responsive design, breakpoint strategy, and container queries with Tailwind
187 lines
spacing-layout
Spacing scale, grid systems, container patterns, and responsive layout utilities
174 lines
typography-system
Type scale, font pairing, responsive text, and prose styling with Tailwind
174 lines