tailwind-css-patterns
Expert patterns and best practices for building responsive, accessible UIs with Tailwind CSS.
Install
npx skills add https://github.com/giuseppe-trisciuoglio/developer-kit --skill tailwind-css-patternsStats
| Total installs | 2,297 |
| Weekly installs | 2.3K |
| GitHub stars | 180 |
| First seen | Jan 20, 2026 |
| Source | @giuseppe-trisciuoglio/developer-kit |
Summary
- Covers responsive design with mobile-first breakpoints, flexbox/grid layouts, spacing scales, typography, colors, and interactive states
- Includes CSS-first configuration via @theme directive, custom utilities, and container queries for modern styling workflows
- Provides 10+ component patterns (cards, navigation, forms, modals) with accessibility guidelines and dark mode support
- Supports React/Vue/Svelte integration with practical examples for extracting reusable styled components
Tags
Related skills
| Skill | Installs | vs tailwind-css-patterns |
|---|---|---|
| tdd-workflow | 2,294 | -3 |
| angular-ssr | 2,196 | -101 |
| flutter-building-forms | 2,264 | -33 |
| playwright-skill | 2,657 | +360 |
| rivetkit-client-react | 2,125 | -172 |
FAQ
- How many installs does tailwind-css-patterns have?
- tailwind-css-patterns has 2,297 total installs and 2.3K installs this week.
- Where is tailwind-css-patterns hosted?
- tailwind-css-patterns is published by @giuseppe-trisciuoglio/developer-kit at https://github.com/giuseppe-trisciuoglio/developer-kit.
- How many GitHub stars does tailwind-css-patterns have?
- tailwind-css-patterns has 180 GitHub stars.
- When was tailwind-css-patterns first indexed?
- OrangeBot.AI first indexed tailwind-css-patterns on Jan 20, 2026.
- How do I install tailwind-css-patterns?
- Run: npx skills add https://github.com/giuseppe-trisciuoglio/developer-kit --skill tailwind-css-patterns