ux-skill plugin
ux-skill is a Claude Code and Cursor plugin that builds a design system on request and lints AI output for template habits.
- 103 ★ on the repository
- Last commit
- MIT
Minimal access
Why this level
- The installer writes files into the development environment configuration, so review the changes.
Install
- Works in
In your terminal, with SkillFoxx CLI
npx skillfoxx add plugins/ux-skillDetects the agents on your machine, shows the access level and pins the version.
Other ways to install
Access and checks
How we reviewMinimal accessThe tool runs nothing and makes no network calls.
- The installer writes files into the development environment configuration, so review the changes.
This is third-party code. Review the repository files before installing.
What it does
ux-skill gives an agent reference data on styles, palettes, font pairings, components and UX rules, plus 18 slash commands, 5 sub-agents and MCP tools. The `/ux-system create` command builds a design system with CSS tokens, fallback fonts and a report of the decisions taken. A separate deterministic linter looks for generic AI-layout habits and needs no language model. The installer detects the development environment and places files accordingly, covering Claude Code, Cursor, Windsurf, Codex and others.
Who it is for. Developers and designers who build interfaces with AI help and want one token system instead of ad hoc styles.
Good fit when
- An AI-built landing page looks like every other one and needs strict style constraints.
- A project needs a design system with tokens, dark mode and right-to-left support.
- A directory is linted for typical AI-layout habits before release.
- An existing token system must be checked and extended without rewriting it.
Not a fit when
- You need a finished, unique visual identity from a designer.
- The environment cannot install a Python package.
- The project is a native mobile stack with no web interface.
Example request
Build a design system for a construction company site and lint the layout before edits.Limitations
The project changes quickly and version 4.0 is recent, so commands and manifest contents may shift. Many README figures, such as test counts and comparisons with rivals, are the author's claims and not independently verified. Linter output and recommendations need human review. The installer targets up to 17 environments and behaviour differs among them, so check which files appeared in the project after installation. The npx route relies on `pipx`, so Python is still required underneath.
How to disable. Uninstall the plugin with `/plugin uninstall ux@ux-skill` or the package with `pip uninstall uxskill`. Delete the project `.ux/` directory separately.
FAQ
How do I install it outside Claude Code?
Install the package with `pip install uxskill` and run `uxskill init`, which detects the environment. An npx route exists as well.
Does the linter need a language model?
No. The linter is deterministic and runs offline against a set of 171 rules.
What does system creation produce?
The files `tokens.css`, `fonts.css`, `tokens.json` and `system-report.md` describing the decisions and a starting page composition.
Which licence applies?
MIT.
How many commands does it ship?
18 slash commands and five sub-agents, with some older names kept as aliases until 4.1.
Discussion
No questions or reviews yet.
Related
PluginsA kit of skills, tokens and rules that turns Claude into a design architect: DTCG tokens, components, accessibility and objective quality gates
The Ludi Design System skill teaches an agent to choose components and build B2B interface pages by rules, with TSX templates
A prompt-as-code design system for Codex, Cursor and Claude Code: style catalogs, layouts, blocks and personal UI rules.
A skill and CLI for agents: UI without the templated look, 25 commands, rule-based anti-slop checks and a 0 to 100 quality score
A skill with 2026 UX and UI principles: WCAG 2.2, forms, mobile, AI chat, dark patterns and 25 reference files
A skill with 107 styles, 127 palettes and 107 font pairings that generates a design system and audits interface code
README in short
The README details the manifests, commands and the installer for 17 environments, and opens with a before and after comparison on one prompt.