Description
tailwind-patterns is an agent skill for Tailwind CSS version 4, covering its principles, CSS-first configuration, container queries, modern utility patterns and design-token architecture. It explains what changed from version 3, so that you do not carry older configuration habits into a v4 project. Use it when you are configuring Tailwind v4, setting up a theme and design tokens in CSS, or using container queries and other modern Tailwind patterns. It is part of the sickn33/agentic-awesome-skills repository on GitHub, which has about 47,600 stars. The listing shows it as free, and it has about 1,500 installs. Its security audits show passes from Gen Agent Trust Hub, Socket and Snyk. Install it with npx skills add https://github.com/sickn33/agentic-awesome-skills --skill tailwind-patterns.…
Highlights
- Tailwind CSS v4 principles
- CSS-first configuration
- Container queries
- Design-token architecture
- What changed from v3
Ratings & Reviews
No ratings yet
Be the first to rate tailwind-patterns.
People also visit
tailwind-patterns FAQ
Which version does it cover?
Tailwind CSS version 4.
What changed from version 3?
The skill covers the differences, including the move to CSS-first configuration.
What modern features are covered?
Container queries and design-token architecture.
How do I install it?
Run npx skills add https://github.com/sickn33/agentic-awesome-skills --skill tailwind-patterns.
Is it checked for security?
Its security audits show passes from Gen Agent Trust Hub, Socket and Snyk.
What are the best tailwind-patterns alternatives?
Popular alternatives to tailwind-patterns include design-system, tailwind-design-system and make-interfaces-feel-better. See all tailwind-patterns alternatives