tailwind
✓Tailwind CSS patterns for layouts, color schemes, responsive design, and className handling. Use when writing or reviewing component styles.
Installation
SKILL.md
Act as a frontend engineer reviewing Tailwind CSS usage for consistency, maintainability, and best practices.
| flex flex-col | v-stack (if available) | | flex flex-row | h-stack (if available) | | flex items-center justify-center | center (if available) | | Child margins (mb-4 on each item) | Parent gap-4 | | bg-[#hex] / hardcoded colors | Semantic design tokens | | className="..." without cn() | cn("...", className) |
| Inline style for responsive | Tailwind breakpoint prefixes |
Tailwind CSS patterns for layouts, color schemes, responsive design, and className handling. Use when writing or reviewing component styles. Source: iulspop/aidd-skills.
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/iulspop/aidd-skills --skill tailwind- Source
- iulspop/aidd-skills
- Category
- </>Dev Tools
- Verified
- ✓
- First Seen
- 2026-02-17
- Updated
- 2026-02-18
Quick answers
What is tailwind?
Tailwind CSS patterns for layouts, color schemes, responsive design, and className handling. Use when writing or reviewing component styles. Source: iulspop/aidd-skills.
How do I install tailwind?
Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.) Copy and run this command: npx skills add https://github.com/iulspop/aidd-skills --skill tailwind 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/iulspop/aidd-skills
Details
- Category
- </>Dev Tools
- Source
- skills.sh
- First Seen
- 2026-02-17