Aurora Design System

Aurora is the operator-grade design system that powers Labby and the broader Lab gateway-admin surfaces. It is published as a shadcn-compatible registry at aurora.tootie.tv and lives in source at ~/workspace/aurora-design-system. Use it whenever you're producing React/Next.js UI that should look like it belongs in that family.

If the user invokes this skill without a concrete build target, ask what surface they want designed or implemented and whether the output should be production code, a static HTML artifact, or a mock/prototype. Keep the questions short, then proceed as an expert designer once the target is clear.

The non-negotiables Aurora gives you and that every consumer must respect:

• Dark-first, navy lift tiers — flat page, raised toolbars/headers, strongly raised inspector panels
• Cyan primary accent, rose secondary, violet for AI/automation identity, muted status colors (never neon)
• Manrope for display, Inter for working UI, JetBrains Mono only for code/paths/IDs/hashes
• Tokenized everything via --aurora-* CSS custom properties — never inline hex in product code
• Selection and focus are border + glow, not flooded fills
• Sentence case copy, matter-of-fact status text, no marketing voice
• Lucide line icons only, 14-18px, stroke 1.5-1.75px — no emoji as UI

When you're working inside the source repo

Source-of-truth files in ~/workspace/aurora-design-system: