tailwind-best-practices
✓Tailwind CSS patterns and conventions. Use when writing responsive designs, implementing dark mode, creating reusable component styles, or configuring Tailwind. Triggers on tasks involving Tailwind classes, responsive design, dark mode, or CSS styling.
Installation
SKILL.md
Comprehensive patterns for building consistent, maintainable interfaces with Tailwind CSS v4. Contains 26+ rules covering responsive design, dark mode, component patterns, and configuration best practices.
| 1 | Responsive Design | CRITICAL | resp- | | 2 | Dark Mode | CRITICAL | dark- | | 3 | Component Patterns | HIGH | comp- | | 4 | Custom Configuration | HIGH | config- | | 5 | Spacing & Typography | MEDIUM | space- | | 6 | Animation | MEDIUM | anim- | | 7 | Performance | LOW | perf- |
Read individual rule files for detailed explanations and code examples:
Tailwind CSS patterns and conventions. Use when writing responsive designs, implementing dark mode, creating reusable component styles, or configuring Tailwind. Triggers on tasks involving Tailwind classes, responsive design, dark mode, or CSS styling. Source: asyrafhussin/agent-skills.
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/asyrafhussin/agent-skills --skill tailwind-best-practices- Category
- </>Dev Tools
- Verified
- ✓
- First Seen
- 2026-02-01
- Updated
- 2026-02-18
Quick answers
What is tailwind-best-practices?
Tailwind CSS patterns and conventions. Use when writing responsive designs, implementing dark mode, creating reusable component styles, or configuring Tailwind. Triggers on tasks involving Tailwind classes, responsive design, dark mode, or CSS styling. Source: asyrafhussin/agent-skills.
How do I install tailwind-best-practices?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/asyrafhussin/agent-skills --skill tailwind-best-practices Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code or Cursor
Where is the source repository?
https://github.com/asyrafhussin/agent-skills
Details
- Category
- </>Dev Tools
- Source
- skills.sh
- First Seen
- 2026-02-01