tailwind-patterns
Responsive Tailwind CSS component patterns, spacing scales, and semantic design system tokens for frontend development.
Install
npx skills add https://github.com/jezweb/claude-skills --skill tailwind-patternsStats
| Total installs | 1,132 |
| Weekly installs | 1.1K |
| GitHub stars | 661 |
| First seen | Jan 20, 2026 |
| Source | @jezweb/claude-skills |
Summary
- Includes semantic color tokens for automatic light/dark mode support, eliminating raw color usage that breaks themes
- Covers mobile-first responsive design with six breakpoints (base, sm, md, lg, xl, 2xl) and consistent spacing scale (4, 6, 8, 12, 16, 24)
- Provides ready-to-use component patterns for headers, footers, grids, cards, buttons, forms, and typography with hover states and transitions
- References detailed guides for layout, navigation, form validation styles, and theme switching implementation
Tags
Related skills
| Skill | Installs | vs tailwind-patterns |
|---|---|---|
| shopify-development | 1,052 | -80 |
| frontend responsive design standards | 1,238 | +106 |
| figma | 1,181 | +49 |
| migrate-oxlint | 1,218 | +86 |
| flutter-theming | 1,138 | +6 |
FAQ
- How many installs does tailwind-patterns have?
- tailwind-patterns has 1,132 total installs and 1.1K installs this week.
- Where is tailwind-patterns hosted?
- tailwind-patterns is published by @jezweb/claude-skills at https://github.com/jezweb/claude-skills.
- How many GitHub stars does tailwind-patterns have?
- tailwind-patterns has 661 GitHub stars.
- When was tailwind-patterns first indexed?
- OrangeBot.AI first indexed tailwind-patterns on Jan 20, 2026.
- How do I install tailwind-patterns?
- Run: npx skills add https://github.com/jezweb/claude-skills --skill tailwind-patterns