Use case

A design system your AI actually applies

AI builders default to generic primitives. Give the model a design language it can apply in one shot — UIcockpit exports the tokens and the prompt that wields them.

Read the docs

The reason AI-built apps look alike is that the model has no opinion to apply. UIcockpit fixes that: configure a system, then export a behaviour-shaping prompt that tells any AI tool which token, which variant and what sits next to what.

Drop the prompt into your tool’s rules file (.cursorrules, CLAUDE.md, a system prompt) and every generation respects the tokens, breakpoints, z-index stack and chart palette — automatically.

$0
Forever free
100+
UI components
16
WCAG checks
7
Export formats

Tokens + the prompt to apply them

Not just variables — a rules file that teaches the model how to use them consistently.

A check that fails the build

Every kit ships a machine-readable contract and a verifier — uicockpit check, over a CLI and an MCP server. Wire it as a pre-commit or CI gate (--strict) and any drift — a raw hex, an off-scale radius, the wrong token — fails the build, so what your AI generates stays on-system across every screen and session.

Works with any AI tool

Framework-neutral output and a portable prompt fit any AI coding workflow — plus an MCP server so agents install the kit, read its design context and check conformance natively.

One source, many transports

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.

Frequently asked

How does the AI prompt help?
It encodes the token contract and composition rules, so generated UI uses the right values instead of inventing new ones.
What actually stops the AI from drifting?
uicockpit check. It reads the same machine-readable contract and fails the build (--strict) on any off-token value — a raw hex, an off-scale radius, the wrong token. It runs as a CLI and an MCP server, so the agent verifies its own work.
Which AI tools does it support?
Any that read a rules file or system prompt — the export is plain, portable text. Claude Code, Cursor and Windsurf also get the native MCP server (install_kit · get_design_context · check_conformance).

Generate a design system your AI agent follows.

100% free, framework-neutral tokens — no account, no lock-in, your design language, your file.