Astryx ships 7 curated themes — or you hand-write a defineTheme file. UIcockpit is the third option: dial your own in a live preview and export the file.
Astryx (astryx.atmeta.com) themes are TypeScript files: token overrides as [light, dark] tuples plus typography and motion config, compiled by the Astryx CLI. Writing one by hand means picking dozens of colour values that must stay coherent across two modes.
UIcockpit generates that file from a kit you tuned visually: ~30 core semantic tokens (backgrounds, text, icons, borders, status, radius, shadows) mapped from your kit — light and dark both — plus your fonts and motion. Only the tokens that differ from Astryx’s defaults are overridden, exactly as their docs recommend.
Ready for npx astryx theme build — resolved OKLCH literals, light/dark tuples, typography and motion included. No hand-picking 60 colour stops.
The kit behind the theme passes a live 16-pair contrast audit, so the generated Astryx theme inherits accessible pairings.
No login to configure or export. Your whole setup lives in the link; the static download is always one click away, byte-identical to the hosted kit. Eject any time.
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.