Skip to main content
Back to registry

tailwind-patterns

jezweb/claude-skills

Status : Production Ready ✅ Last Updated : 2026-01-14 Tailwind Compatibility : v3.x and v4.x Source : Production projects, shadcn/ui patterns

Installs1
Install command
npx skills add https://github.com/jezweb/claude-skills --skill tailwind-patterns
Security audits
Gen Agent Trust HubPASS
SocketPASS
SnykPASS
About this skill
Status : Production Ready ✅ Last Updated : 2026-01-14 Tailwind Compatibility : v3.x and v4.x Source : Production projects, shadcn/ui patterns Consistent spacing prevents design drift: Standard Pattern : Use increments of 4 (4, 6, 8, 12, 16, 24) Mobile-first approach (base styles = mobile, add larger breakpoints): Variations : See references/card-patterns.md for more variants. Size Variants : See references/button-patterns.md for full reference. See references/form-patterns.md for complete patterns. See references/typography-patterns.md for complete guide. See references/navigation-patterns.md for mobile menus and dropdowns. All patterns use semantic color tokens that automatically adapt: Never use raw colors like bg-blue-500 - always use semantic tokens. See references/dark-mode-patterns.md for theme toggle implementation. Ready-to-use components in templates/components/ : Copy and customize for your project.

Source description provided by the upstream skill listing. Community reviews and install context appear in the sections below.

Community Reviews

Latest reviews

Sign in to review

No community reviews yet. Be the first to review.

Browse this skill in context
FAQ
What does tailwind-patterns do?

Status : Production Ready ✅ Last Updated : 2026-01-14 Tailwind Compatibility : v3.x and v4.x Source : Production projects, shadcn/ui patterns

Is tailwind-patterns good?

tailwind-patterns does not have approved reviews yet, so SkillJury cannot publish a community verdict.

What agent does tailwind-patterns work with?

tailwind-patterns currently lists compatibility with codex, gemini-cli, opencode, cursor, github-copilot, claude-code.

What are alternatives to tailwind-patterns?

Skills in the same category include telegram-bot-builder, flutter-app-size, sharp-edges, iterative-retrieval.

How do I install tailwind-patterns?

npx skills add https://github.com/jezweb/claude-skills --skill tailwind-patterns

Related skills

More from jezweb/claude-skills

Related skills

Alternatives in Software Engineering