UI UX Fixer — AI skill for Claude Code

UI/UX Fixer

A [Claude Code](https://claude.com/claude-code) skill that reviews and improves UI/UX design work through the lens of **Luke Wroblewski's** published principles. It uses Luke's MCP server to retrieve relevant material from his writings, presentations, books, videos, audio, posts, and other published work for each design task.

**Unofficial.** This skill is based on Luke Wroblewski's public writing, books, and talks ([lukew.com](https://www.lukew.com), *Mobile First*, *Web Form Design*). It is not affiliated with, created by, or endorsed by Luke Wroblewski. All principles are attributed to their published sources.

What it does

Once installed, Claude uses this skill whenever you ask for a design review, UX critique, or design advice. It works in three modes:

1. Advise — opinionated guidance while you're designing, grounded in published principles rather than taste.
2. Critique — a structured review of a screen, form, flow, or codebase, with findings ordered by user impact, each tied to the principle it violates and its source.
3. Apply — with your approval, it implements the agreed fixes in your code.

For Advise and Critique tasks, the skill searches Luke's live archive before forming recommendations, then cites the few sources that materially shaped the answer. The bundled references remain its stable design framework and fallback when the MCP server is unavailable.

Example prompts:

• "Review this sign-up form" (with a screenshot or the component code)
• "Critique the mobile layout of my landing page"
• "What would LukeW say about this checkout flow?"
• "Review the chat UI of my AI app"

What's inside

ui-ux-fixer/
├── SKILL.md                     # workflow, core philosophy, output format
└── references/
    ├── forms.md                 # Web Form Design: labels, validation, errors, gradual engagement
    ├── mobile.md                # Mobile First: thumb zones, touch targets, content-first
    ├── data-informed.md