What is frontend-tailwind-best-practices?
Tailwind CSS patterns and conventions for frontend apps. Use when writing component styles, layouts, or working with CSS classes. Source: emerson1337/skills-for-agents.
·frontend-tailwind-best-practices
</>
frontend-tailwind-best-practices
✓emerson1337/skills-for-agentsGitHub: emerson1337/skills-for-agentsSource: emerson1337/skills-for-agents
Tailwind CSS patterns and conventions for frontend apps. Use when writing component styles, layouts, or working with CSS classes.
Installation
How to Install frontend-tailwind-best-practices
Quickly install frontend-tailwind-best-practices AI skill to your development environment via command line
- Open Terminal: Open your terminal or command line tool (Terminal, iTerm, Windows Terminal, etc.)
- Run Installation Command: Copy and run this command: npx skills add https://github.com/emerson1337/skills-for-agents --skill frontend-tailwind-best-practices
- Verify Installation: Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw
Source: emerson1337/skills-for-agents.
SKILL.md
View rawStyling patterns and conventions for frontend applications. Contains 10 rules covering layout utilities, affordances, color schemes, responsive design, and className handling.
Design for input capabilities (pointer/hover) instead of device labels.
| flex flex-col | v-stack | | flex flex-row | h-stack | | flex items-center justify-center | center | | bg-gray-100 | bg-neutral-100 | | bg-[#hex] | Use design tokens | | className="..." without cn() | cn("...", className) | | Inline style for responsive | Tailwind prefixes |
Tailwind CSS patterns and conventions for frontend apps. Use when writing component styles, layouts, or working with CSS classes. Source: emerson1337/skills-for-agents.
Facts (cite-ready)
Stable fields and commands for AI/search citations.
- Install command
npx skills add https://github.com/emerson1337/skills-for-agents --skill frontend-tailwind-best-practices- Category
- </>Dev Tools
- Verified
- ✓
- First Seen
- 2026-02-26
- Updated
- 2026-03-10
Quick answers
How do I install frontend-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/emerson1337/skills-for-agents --skill frontend-tailwind-best-practices Once installed, the skill will be automatically configured in your AI coding environment and ready to use in Claude Code, Cursor, or OpenClaw
Where is the source repository?
https://github.com/emerson1337/skills-for-agents
Details
- Category
- </>Dev Tools
- Source
- skills.sh
- First Seen
- 2026-02-26