tailwind-ui-patterns
Installation
SKILL.md
Tailwind UI Patterns
Tailwind v4 Setup
/* app.css */
@import "tailwindcss";
/* Custom theme tokens */
@theme {
--color-brand-50: oklch(0.97 0.01 250);
--color-brand-500: oklch(0.55 0.15 250);
--color-brand-900: oklch(0.25 0.08 250);
--font-display: "Cal Sans", system-ui, sans-serif;
--spacing-18: 4.5rem;
}
Related skills
More from autohandai/community-skills
typescript-refactoring-patterns
Expert TypeScript refactoring patterns for cleaner, type-safe code
58python-fastapi-patterns
FastAPI best practices, async patterns, and Pydantic validation
45api-design-restful
RESTful API design patterns, error handling, and documentation
31cli-tool-development
Build professional CLI tools with Node.js, commander, and Ink
16nextjs-app-router-mastery
Next.js 14+ App Router patterns, server components, and data fetching
15testing-strategies
Comprehensive testing strategies with Vitest, Jest, and Testing Library
12