uxskill
Star on GitHub
Language
English 简体中文 繁體中文 日本語 한국어 हिन्दी Bahasa Indonesia Tiếng Việt ไทย العربية Español Français Deutsch Português Русский Türkçe Italiano
3.1
v3.1.0 · THE BRAIN · LIVE MIT · NO TELEMETRY · NO LLM

# The brain that ships design that doesn't look generated.

A 7-axis synthesizer turns any brief into a fresh design language, anchored to your brand.

Scroll↓
The thing you ship every day

## Your AI ships the centroid by default.

Ask any model to "build a landing." You get the average of every page it ever ingested — in ten seconds, every time. Here is what the centroid looks like.

× the same soft gradient × three identical cards × filler body copy × a faceless five-star quote
Build me a fintech landing page.
You get exactly that specimen: the same soft gradient, three equal cards, a "John Doe" quote, Inter at 96px. the slop
Right. I want it to look like us — not everyone.
That is the whole job. Read on. the turn ↓
The turn

## What if the model had a designer’s brain wired in?

Not a bigger model. A deterministic layer that compiles a design language — warmth, contrast, geometry, type — instead of reaching for the nearest template.

One sequence, not scattered cards

## It compiles a design language. Not a template.

Five deterministic steps, start to ship.

system.tokens.css
/* reading brief... */
--industry:'fintech'
--audience:'design-engineers'
--mood:'precise, calm'
01

### Read the brief.

Industry, audience, mood — parsed into a structured intake, no guesswork.

system.tokens.css
/* synthesizing axes... */
--warmth:0.28
--contrast:0.91
--density:0.44
--formality:0.78
02

### Set seven axes.

Warmth, contrast, density, geometry, formality, motion, type — tuned, then emitted as tokens.

system.tokens.css
/* anchoring brand... */
--canvas:#f6f7f9
--ink:#10131a
--accent:#5b9cff
--radius:10px
03

### Anchor to your brand.

Primary pulled from your logo’s pixels — not the nearest CSS named colour.

system.tokens.css
--display:'Bricolage Grotesque'
--body-font:'Inter'
/* linting 152 rules... */
/* 0 violations */
04

### Lint 152 anti-patterns.

Gradient headers, three equal cards, filler verbs — fails the build here.

system.tokens.css
/* verifying 360px... */
/* h-scroll: none */
/* sticky: 56px ok */
/* verified ok */
05

### Verify mobile, for real.

Rendered at true 360/390px in headless Chrome. Horizontal scroll fails, not your users.

Training data, not templates
The corpus is vocabulary

### 160 real brand specs — as words, not stamps.

The catalogue used to be a menu: pick Stripe, get Stripe-flavoured tokens. v3 turned that on its head — Stripe, Linear, Vercel, Ferrari, Anthropic become the vocabulary the engine distils from, so output is novel every call. Deterministic, offline, no model in the loop.

1,243 structured entries, queryable and cross-referenced

Built for your stack
Runs where you already build

### The same engine, the same brand-true output, everywhere.

Claude Code, Cursor, Windsurf, Copilot, Gemini, Codex, Zed, JetBrains, Cline, Continue, Aider, Tabnine — one install, no per-tool config. Your team keeps its editor; the floor comes with it.

Why this is the floor

## Three properties. No competitor has all three.

Deterministic

Same brief, same system. No model in the engine, no telemetry, runs on a plane.

Brand-true

Primary from your logo's pixels; a fidelity hard floor fails any off-brand output.

Mobile-gated

Rendered at real 360 / 390px viewports — horizontal scroll fails the build, not your users.

1,243
Structured entries
160
Brand specs
152
Anti-pattern rules
17
IDE integrations
Install

## One line. Then build.

Python `pip install uxskill`
Node `npx uxskill@latest`
Source `github.com/Laith0003/ux-skill`
pip install uxskill Star on GitHub