ux-skill is an open-source Python engine that loads design intelligence into AI coding tools. It has 1,243 structured entries across the manifests (styles, palettes, typography, components, industries, brand specs, anti-patterns, motion presets, UX laws), 5 sub-agents, and a deterministic anti-AI-slop linter. As of v3.1 it anchors output to the client's brand with a fidelity hard floor and gates the result against mobile horizontal scroll. It runs in Claude Code, Cursor, Windsurf, and 14 more IDEs through one install command.

How is ux-skill different from other Claude UX plugins?

ux-skill is the only design plugin with a deterministic regex linter (152 rules catching AI slop before commit), 160 real brand DESIGN specs (Apple, Linear, Vercel, Stripe, Ferrari, Anthropic full palettes/typography/voice), a brand-fidelity hard floor that fails off-brand output, and a Python recommender that ships across 17 IDEs, not just Claude Code. Most competitors are Markdown-only style guides. ux-skill is a queryable engine with an MCP server.

Which IDEs does ux-skill support?

17 IDEs: Claude Code, Cursor, Windsurf, GitHub Copilot, Gemini CLI, Codex, Kiro, Cline, Continue, Aider, Zed, JetBrains AI, Pieces, Tabby, Tabnine, CodeWhisperer, Roo Cline. Install via pip install uxskill, npx uxskill, or the Claude Code marketplace.

Yes. MIT license. No telemetry. No paywall. No accounts. The Python engine, all 11 data manifests, the MCP server, and the linter are open-source on GitHub at github.com/Laith0003/ux-skill.

How does the anti-AI-slop linter work?

The linter is a deterministic regex scanner (no LLM, no API calls, sub-50ms on 10K-line projects). It loads 152 rules from data/anti-patterns.json. Each rule has a regex, severity, and a fix suggestion. Run uxskill lint or wire it as a pre-commit or CI step. Catches placeholder text leaks, generic GPT marketing copy, default Tailwind palettes, missing alt text, A11y skips, and many more.

What is the MCP server for?

ux-skill exposes 18 MCP (Model Context Protocol) tools over stdio. Any MCP-capable client (Claude Desktop, Cursor, generic agents) can call ux_recommend, ux_synthesize, ux_lint, ux_decisions_query, and 14 more without installing the Python plugin. The handlers are pure dict-to-dict callables so they work whether or not the mcp package is installed.

v3.1.0 · DAS HIRN · LIVE MIT · KEINE TELEMETRIE · KEIN LLM

Das Hirn, das Designs liefert, die nicht generiert aussehen.

Ein 7-Achsen-Synthesizer verwandelt jedes Briefing in eine frische Designsprache, fest verankert in Ihrer Marke. Kostenlos, MIT-lizenziert, läuft in 17 AI coding tools.

pip install uxskill Star auf GitHub

Scrollen↓

Was Sie täglich ausliefern

Ihre KI liefert standardmäßig den Mittelwert.

Bitten Sie ein beliebiges Modell, „eine Landingpage zu bauen“. Sie erhalten den Durchschnitt jeder Seite, die es jemals verarbeitet hat, in zehn Sekunden, jedes Mal. So sieht dieser Mittelwert aus.

Baue mir eine Fintech-Landingpage.

the slop

Genau. Ich möchte, dass es nach uns aussieht, nicht nach jedem.

Das ist der Kern der Sache. Lesen Sie weiter. the turn ↓

Die Wende

Was, wenn dem Modell ein Designer-Hirn eingepflanzt wäre?

Kein größeres Modell. Sondern eine deterministische Schicht, die eine Designsprache kompiliert (Wärme, Kontrast, Geometrie, Typografie) anstatt nach der nächstbesten Vorlage zu greifen.

Eine Sequenz, keine verstreuten Karten

Es kompiliert eine Designsprache. Keine Vorlage.

Fünf deterministische Schritte, vom Start bis zur Auslieferung.

system.tokens.css

/* reading brief... */

--industry:'fintech'

--audience:'design-engineers'

--mood:'precise, calm'

Briefing lesen.

Branche, Zielgruppe, Stimmung: in eine strukturierte Aufnahme überführt, ohne Rätselraten.

system.tokens.css

/* synthesizing axes... */

--warmth:0.28

--contrast:0.91

--density:0.44

--formality:0.78

Sieben Achsen festlegen.

Wärme, Kontrast, Dichte, Geometrie, Formalität, Bewegung, Typografie: abgestimmt, dann als Tokens ausgegeben.

system.tokens.css

/* anchoring brand... */

--canvas:#f6f7f9

--ink:#10131a

--accent:#5b9cff

--radius:10px

In Ihrer Marke verankern.

Primärfarbe aus den Pixeln Ihres Logos, nicht die nächstbeste benannte CSS-Farbe.

system.tokens.css

--display:'Bricolage Grotesque'

--body-font:'Inter'

/* linting 152 rules... */

/* 0 violations */

152 Anti-Patterns prüfen.

Gradienten-Header, drei identische Karten, Füllwörter: hier scheitert der Build.

system.tokens.css

/* verifying 360px... */

/* h-scroll: none */

/* sticky: 56px ok */

/* verified ok */

Mobile-Ansicht, echt verifiziert.

Gerendert bei echten 360/390px in headless Chrome. Horizontaler Scrollen führt zum Build-Fehler, nicht zur Frustration Ihrer Nutzer.

Das Korpus ist Vokabular

160 echte Markenspezifikationen: als Vokabular, nicht als Stempel.

Der Katalog war früher ein Menü: Wählen Sie Stripe, erhalten Sie Stripe-spezifische Tokens. v3 stellte das auf den Kopf: Stripe, Linear, Vercel, Ferrari, Anthropic werden zum Vokabular, aus dem die Engine destilliert, sodass der Output bei jedem Aufruf neu ist. Deterministisch, offline, kein Modell im Loop.

1,243 strukturierte Einträge, abfragbar und querverlinkt

Läuft dort, wo Sie bereits entwickeln

Dieselbe Engine, derselbe markengetreue Output, überall.

Claude Code, Cursor, Windsurf, Copilot, Gemini, Codex, Zed, JetBrains, Cline, Continue, Aider, Tabnine: eine Installation, keine Konfiguration pro Tool. Ihr Team behält seinen Editor; die Basis kommt mit.

Warum das die Basis ist

Drei Eigenschaften. Kein Konkurrent hat alle drei.

Deterministisch

Gleiches Briefing, gleiches System. Kein Modell in der Engine, keine Telemetrie, läuft im Flugzeug.

Markengetreu

Primärfarbe aus den Pixeln Ihres Logos; eine harte Fidelity-Untergrenze verhindert jeden Off-Brand-Output.

Mobile-geprüft

Gerendert bei echten 360 / 390px Viewports: horizontaler Scrollen führt zum Build-Fehler, nicht zur Frustration Ihrer Nutzer.

1,243

Strukturierte Einträge

160

Markenspezifikationen

152

Anti-Pattern-Regeln

IDE-Integrationen

Installieren

Eine Zeile. Dann entwickeln.

Pythonpip install uxskill

Nodenpx uxskill@latest

Quellcodegithub.com/Laith0003/ux-skill

pip install uxskill Star auf GitHub