Claude Code Plugin · v0.1.1 · this page was designed with ux-pilot
A senior UX designer in your CLI. Conversation-driven, rule-backed, with live browser preview.
/plugin marketplace add Sakaax/ux-pilot
Copy
/plugin install ux-pilot@ux-pilot
Copy
Why
| Existing tools | ux-pilot | |
|---|---|---|
| Approach | Generate code directly | Dialogue first, code after |
| Output | One-shot | Iterative, named versions |
| Scope | Landing pages | Full apps |
| Preview | None | Local server + hot reload |
| UX knowledge | Few rules | 376 rules on-demand |
| Tokens | Loads everything | Per-screen loading |
Workflow
Smart ABCD questions. Understands product, users, goals. Outputs a UX Brief.
Scans existing code. Scored report with findings by severity.
Local server, named versions ("Classic", "Bold"), approve/reject per screen.
UX spec markdown + React/Svelte/Vue components.
Rule engine
Accessibility, forms, navigation, layout, typography, animation
CTA, pricing, signup, checkout, 34 landing patterns
Structure, meta, performance, schema.org, AI citations
Social proof, cognitive load, trust, persuasion
Anti-slop, typography craft, backgrounds, 67 styles
30 product-type specific recommendations
Built-in data
Anti "AI slop"
FAQ
ux-pilot is a free, open-source plugin for Claude Code that acts as a senior UX designer. It guides you through designing your product's UX via structured conversation, then generates screens with a live browser preview. It includes 376 UX rules, 161 color palettes, 57 font pairings, and 67 UI styles.
Run two commands in Claude Code: /plugin marketplace add Sakaax/ux-pilot to add it from the marketplace, then /plugin install ux-pilot@ux-pilot to install the skill. No API keys needed.
Yes. Completely free and open source under the MIT license. No subscription, no API keys, no hidden costs. Source code on GitHub.
Unlike most AI tools that generate code directly, ux-pilot uses a dialogue-first approach — it asks questions about your product before generating anything. It produces iterative named versions, supports full apps (not just landing pages), includes a live preview server, and loads 376 UX rules on-demand for token efficiency.
376 rules in 6 categories: UX Patterns (accessibility, forms, navigation), Conversion & Funnel (CTA, pricing, 34 landing patterns), SEO & AEO (schema.org, AI citation optimization), Psychology (social proof, trust, persuasion), Aesthetics (anti-AI-slop, typography craft, 67 UI styles), and Product Type (30 product-specific recommendations). Sourced from WCAG 2.1, Nielsen Norman Group, and Laws of UX.
Yes. Run /ux-pilot audit and it scans your codebase for UX issues — detects frameworks automatically, checks routes, HTML, forms, accessibility, SEO, mobile. Produces a scored report with findings by severity.
Yes. Preview is generated in vanilla HTML/CSS, and export converts approved screens to React, Svelte, or Vue components. It detects your project's framework automatically.
ux-pilot actively fights generic AI-generated aesthetics. It bans Inter/Roboto/Arial fonts, purple gradients on white backgrounds, cookie-cutter layouts, and V1/V2/V3 naming. Instead, it uses distinctive fonts with weight extremes, gradient meshes, noise textures, and descriptive version names like "Classic", "Bold", "Minimal".