tailwind
Tailwind CSS
When to Use
shadcn/ui is the primary component framework. This skill covers the Tailwind CSS utility system that powers shadcn components — use it for layout, responsive design, spacing, theming, and custom styling beyond what shadcn provides out of the box.
Use this skill for:
- Page layout (flex, grid, positioning, spacing)
- Responsive design (breakpoints, container queries)
- Theming and design tokens (
@themedirective, CSS variables) - Customizing shadcn/ui components with utility overrides
- Animation and transitions
- State-based styling (hover, focus, disabled)
Defer to the shadcn-ui skill for: component selection, composition patterns (Dialog, Sheet, Command), form integration (react-hook-form + zod), and accessibility.
Setup (v4)
More from michaelkeevildown/claude-agents-skills
neo4j-data-models
Neo4j graph data modeling patterns — node/relationship design, fraud detection schemas, and modeling best practices.
27neo4j-cypher
Neo4j Cypher query language reference — patterns, performance, fraud-domain queries, and Neo4j 5+ features.
13neo4j-driver-js
Neo4j JavaScript driver 6.x — connection setup, session management, impersonation security, transaction functions, type handling, and result-to-UI data mapping.
8shadcn-ui
shadcn/ui component library — installation, usage patterns, theming, form integration, and accessibility.
7git-workflow
Git workflow conventions — branching strategy, commit messages, PR workflow, and rebase vs merge.
7fastapi
FastAPI — route definitions, dependency injection, Pydantic models, middleware, and async patterns.
6