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. Free, MIT, runs in 17 AI coding tools.

pip install uxskill Star on GitHub
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.

Build me a fintech landing page.
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.

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

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