Question 1

What is UIcockpit?

Accepted Answer

UIcockpit is a free, open-source, browser-based tool that helps developers and designers build a complete design system (colors, typography, radii, motion, components) in under a minute. The output is framework-neutral design tokens that drop into Tailwind v4, shadcn/ui, or any project.

Question 2

Who is UIcockpit for?

Accepted Answer

Vibe-coders and product builders using AI coding tools. UIcockpit ships a behavior-shaping AI prompt that tells those tools how to use the design system — so generated components match the tokens automatically.

Question 3

What formats does UIcockpit export?

Accepted Answer

Six formats: tokens.css (drop-in CSS variables), tokens.json (W3C Design Tokens Community Group format, Figma-compatible via Tokens Studio), Tailwind v4 globals.css (@theme block), shadcn/ui CSS variables, BRIEF.md (human + AI handoff document), and a dedicated AI prompt (.cursorrules / CLAUDE.md ready).

Question 4

Does UIcockpit require an account?

Accepted Answer

No accounts, no telemetry, no backend. Your configuration lives in the URL hash — share a kit by copying the link. Custom fonts uploaded via drag-and-drop stay in the browser session and are never uploaded anywhere.

Question 5

Is the accessibility audit included?

Accepted Answer

Yes. Every kit is tested live against 16 WCAG contrast pairs (text on surfaces, button text on fills, status colors on tints, input borders, focus rings). The pass count is visible in the topbar; failures include remedy hints pointing at the config control that fixes them.

Components

Actions

Inputs

Forms

Data display

Feedback

Navigation

Overlays

Layout

AI

Content