Browse skills/Tailwind CSS Patterns

Tailwind CSS Patterns

Verifieddevelopment

Tailwind CSS utility patterns with component abstractions, plugin development and custom themes

$npx skills add hairyf/skills@tailwindcss-patterns

Run in your terminal to install. Works with any AI Agent platform that supports the Claude Skills spec (Claude Code, Cursor, Windsurf, etc).

▸Prerequisites
1) Install Claude Code (claude.ai/code). 2) Install ai-skill: `npx skills add 1-SKILL/ai-skill -g -y`. Run that one first, then come back and run the skill install command above.

SKILL.md

SKILL.md content not yet indexed. View the full document on GitHub.
View on GitHub →

Overview

Tailwind CSS utility patterns with component abstractions, plugin development and custom themes

tailwindcssutilitiespluginsTailwind模式
View source →
Safety score
90/100
A11/12 checks passed

High pass rate — quick source review recommended

Skill info
Sourcegithub
Authorhairyf
Repositoryhairyf/skills
Stars3,120
Categorydevelopment

Search skills from your terminal

Install ai-skill, then describe what you need inside Claude Code — it auto-matches and installs the right skill without leaving your terminal.

$npx skills add 1-SKILL/ai-skill -g -y

Related skills

Frontend DesignEditor's pick
S

Create distinctive, production-grade frontend interfaces that avoid generic AI a...

Code ReviewEditor's pick
S

Automated PR code review using multiple specialized agents with confidence-based...

react-best-practicesEditor's pick
A

React 19+ / Next.js 15+ 最佳实践指南，929行10个章节。覆盖性能优化、Server Components、Hooks、状态管理。

TDD WorkflowEditor's pick
B

Test-Driven Development workflow and patterns