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 · OTAK · LANGSUNG MIT · TANPA TELEMETRI · TANPA LLM

Otak yang mengirimkan desain yang tidak terlihat dihasilkan.

Sebuah synthesizer 7-axis mengubah setiap brief menjadi bahasa desain yang segar, terikat pada merek Anda. Gratis, MIT, berjalan di 17 alat coding AI.

pip install uxskill Beri Bintang di GitHub

Gulir↓

Hal yang Anda kirimkan setiap hari

AI Anda mengirimkan sentroid secara default.

Minta model mana pun untuk "membangun landing." Anda mendapatkan rata-rata setiap halaman yang pernah diinputnya, dalam sepuluh detik, setiap saat. Inilah tampilan sentroid.

Buatkan saya halaman landing fintech.

the slop

Benar. Saya ingin terlihat seperti kami, bukan semua orang.

Itulah seluruh pekerjaannya. Baca terus. the turn ↓

Perubahan

Bagaimana jika model memiliki otak desainer terpasang?

Bukan model yang lebih besar. Lapisan deterministik yang menyusun bahasa desain (kehangatan, kontras, geometri, tipografi) alih-alih mencari template terdekat.

Satu urutan, bukan kartu yang tersebar

Ini menyusun bahasa desain. Bukan template.

Lima langkah deterministik, mulai hingga pengiriman.

system.tokens.css

/* reading brief... */

--industry:'fintech'

--audience:'design-engineers'

--mood:'precise, calm'

Baca briefnya.

Industri, audiens, suasana hati: diurai menjadi asupan terstruktur, tanpa tebak-tebakan.

system.tokens.css

/* synthesizing axes... */

--warmth:0.28

--contrast:0.91

--density:0.44

--formality:0.78

Atur tujuh sumbu.

Kehangatan, kontras, kepadatan, geometri, formalitas, gerakan, tipografi: disetel, lalu dipancarkan sebagai token.

system.tokens.css

/* anchoring brand... */

--canvas:#f6f7f9

--ink:#10131a

--accent:#5b9cff

--radius:10px

Terikat pada merek Anda.

Primer ditarik dari piksel logo Anda, bukan warna bernama CSS terdekat.

system.tokens.css

--display:'Bricolage Grotesque'

--body-font:'Inter'

/* linting 152 rules... */

/* 0 violations */

Periksa 152 anti-pola.

Header gradien, tiga kartu yang sama, kata kerja pengisi: gagal dalam pembangunan di sini.

system.tokens.css

/* verifying 360px... */

/* h-scroll: none */

/* sticky: 56px ok */

/* verified ok */

Verifikasi seluler, secara nyata.

Dirender pada 360/390px nyata di headless Chrome. Gulir horizontal gagal, bukan pengguna Anda.

Korpus adalah kosakata

160 spesifikasi merek nyata: sebagai kata-kata, bukan stempel.

Katalog dulunya adalah menu: pilih Stripe, dapatkan token rasa Stripe. v3 mengubahnya: Stripe, Linear, Vercel, Ferrari, Anthropic menjadi kosakata yang disaring oleh mesin, sehingga outputnya baru setiap panggilan. Deterministik, offline, tanpa model dalam lingkaran.

1,243 entri terstruktur, dapat ditanyakan, dan saling referensi

Berjalan di tempat Anda sudah membangun

Mesin yang sama, output yang sama sesuai merek, di mana saja.

Claude Code, Cursor, Windsurf, Copilot, Gemini, Codex, Zed, JetBrains, Cline, Continue, Aider, Tabnine: satu instalasi, tanpa konfigurasi per-alat. Tim Anda mempertahankan editornya; dasarnya ikut serta.

Mengapa ini adalah dasarnya

Tiga properti. Tidak ada pesaing yang memiliki ketiganya.

Deterministik

Brief yang sama, sistem yang sama. Tidak ada model di mesin, tanpa telemetri, berjalan di pesawat.

Sesuai merek

Primer dari piksel logo Anda; batas bawah fidelitas yang ketat menggagalkan output yang tidak sesuai merek.

Terverifikasi seluler

Dirender pada viewport 360 / 390px nyata: gulir horizontal menggagalkan pembangunan, bukan pengguna Anda.

1,243

Entri terstruktur

160

Spesifikasi merek

152

Aturan anti-pola

Integrasi IDE

Instal

Satu baris. Lalu bangun.

Pythonpip install uxskill

Nodenpx uxskill@latest

Sumbergithub.com/Laith0003/ux-skill

pip install uxskill Beri Bintang di GitHub