Menu
Tailwind CSS v4 patterns. CSS-first config, container queries, tokens.
Install with Codex or Claude Copy this prompt, paste it into Codex, Claude, or another assistant, and let it review the skill page and install it for you.
Based on SOC occupation classification
| name | tailwind-patterns |
| description | Tailwind CSS v4 patterns. CSS-first config, container queries, tokens. |
| allowed-tools | Read, Write, Edit, Glob, Grep |
CSS-first. Native. Fast.
@theme { --color-primary: ... }. No JS config.@container).@theme {
--color-primary: oklch(0.7 0.15 250);
--font-sans: 'Inter', system-ui;
}
w-full md:w-1/2.@container (parent) -> @md: (child).dark:bg-zinc-900.media (auto) or selector (manual).flex flex-col gap-4.grid grid-cols-[auto_1fr].grid-cols-3 with col-span-2.@apply (discouraged).--color-primary, not hex".z-999".Structured iterative reasoning framework for deep problem solving, featuring verification loops and refinement stages.
API design principles and decision-making. REST vs GraphQL vs tRPC selection, response formats, versioning, pagination.
Main application building orchestrator. Creates full-stack applications from natural language requests.
Architectural decision-making framework. Requirements analysis, trade-off evaluation, ADR documentation.
Bash/Linux terminal patterns. Critical commands, piping, error handling, scripting.
AI operational modes (BRAINSTORM, IMPLEMENT, DEBUG, REVIEW, TEACH, SHIP).