Stop hand-writing a @theme block. Design your system visually and export a complete Tailwind v4 theme — every utility resolves to your brand.
Tailwind v4 moved theming into CSS with the @theme directive. UIcockpit generates that block for you: pick colour, type, shape, density and motion in a live preview, then copy a complete, on-grid @theme.
Because the tokens are framework-neutral underneath, the same system also exports as plain tokens.css, JSON, a shadcn theme or an AI prompt — Tailwind is just one of the transports.
Colours, radii, spacing, the full type scale, motion and breakpoints — mapped so bg-primary, rounded-md and text-muted just work.
Both modes emit; add the dark class and every utility re-resolves. No duplicate config.
Tokens (CSS + JSON), a Tailwind @theme block, a shadcn globals.css, an AI prompt and a machine-readable contract — all derive from one config, so they can never disagree. Plus a hosted live <link> you return to, and a CLI + MCP so your agent reads the system and checks its own work against it.
100% free, framework-neutral tokens — no account, no lock-in, your design language, your file.