Get started

Exxat Design OS

A design system, that designs.

Speak in outcomes. The system asks the right questions and ships UX that respects users.

  • Asks first.Discovery before generation.
  • Refuses bad UX.No raw tables. No hex. No toasts.
  • Accessible.WCAG 2.1 AA, enforced in CI.
  • AI-native.Cursor & Claude, same playbook.

Get started See how it thinks

Receipts: 197 tokens · 84 components · 16 AI skills · 31 binding rules · 0.5.18 on @exxatdesignux

I · Pick a path

Two ways in,
one place to land.

One command for new projects. Three for existing ones, the same three after every release.

Starting fresh.

Vite + React, fully wired. Components, demo routes, Cursor skills. One command.

  • Vite 6 · TS
  • 84 components
  • Skills synced
terminal · new project
# scaffold + install + sync Cursor skills (one command)
npx --package=@exxatdesignux/ui@latest exxat-ui init my-app

# start dev server
cd my-app && pnpm dev

Already coding.

Drop into any React app. Same three commands cover install and every release.

  • One dep
  • Auto re-sync
  • Code untouched
terminal · install or update
# 1 · install or bump
pnpm add @exxatdesignux/ui@latest

# 2 · refresh Cursor skills, rules, pattern docs
npx --package=@exxatdesignux/ui@latest exxat-ui sync-extras

# 3 · see what moved
npx --package=@exxatdesignux/ui@latest exxat-ui changelog

II · Your first prompt

Speak in outcomes. Watch UX get built.

Picking the right shape

III · How smart it is

User-first design,
from any prompt.

Components are table stakes. The AI inside ships user-centric UX on purpose, not by accident.

It asks before it ships.

Discovery protocol runs first. Who, what decision, dense or visual. You answer once.

It refuses bad UX.

No raw tables. No hex. No toasts. 31 binding rules enforce the floor.

It reaches for what already works.

Every hub, the same seven views. Every record, the same IA. The system already chose.

It gets smarter every release.

Re-run sync-extras. Rules refresh. Your code never moves.

84
Components shipped
one package
100
Automated tests
ui + web
197
Design tokens indexed
hooks-index
AA
WCAG 2.1 baseline
enforced in CI
Every file the system writes into your repo · the receipts behind the four pillars above

These are the files exxat-ui sync-extras drops into your repo (and re-runs after every release). They're not just docs. Together they form the ruleset that lets the AI ship user-centric designs without supervision. None of them touch your hub code, routes, or data.

WhatWhere it landsWhy it matters
16 Cursor skills .cursor/skills/exxat-* Workflows + checklists the agent steps through before writing code (incl. exxat-token-economy pre-flight, ~50% fewer tokens)
16 Claude skills .claude/skills/exxat-* Same shape, mirrored for Claude Code & Claude.ai
31 binding rules .cursor/rules/exxat-*.mdc The MUST / MUST NOT floor. What the AI is not allowed to ship.
6 pattern docs docs/exxat-ds/*-pattern.md How the system thinks about hubs, KPIs, command menu, collaboration, etc.
1 upgrade checklist docs/exxat-ds/consumer-upgrade-checklist.mdRun after every sync-extras. Surfaces what changed.
4 handbook docs docs/exxat-ds/handbook/*.md Top-of-funnel HANDBOOK + glossary + voice/tone + reference implementations

All in one command. Re-run after upgrades; the package's CHANGELOG.md tells you which files moved. None of these overwrite your code.

IV · What's new

Latest release.
Quiet, on purpose.

Updates ride in through sync-extras. Your code never moves.

0.5.18

UI state survives reloads.

One persistKey turns it on for table columns, filters, sort, sidebar.

0.5.17

The system speaks up sooner.

Dev-mode warnings catch the common consumer-app anti-patterns before users see them.

0.5.16

Seven views are the default.

Every hub gets table, list, board, dashboard, folder, panel, tree. Out of the box.

Full release history in CHANGELOG.md.

V · After it's in

Now what?
Three good moves.

Read New

How it thinks.

Why the product feels the way it does. Patterns, personas, defaults.

UX_PATTERNS.html

Cookbook

Five recipes.

Step-by-step specs for the patterns you'll reach for first.

docs/blueprints/*.md

Browse

The reference app.

Eighty-four components rendered in real flows you can copy from.

git clone · pnpm dev:web

Maintain

The change log.

Every renamed token and removed piece, in plain prose.

docs/migrations/*.md