Redesign

This is an audit-first redesign workflow that prioritizes not breaking anything. It walks you through scanning the codebase, diagnosing design problems with a banned defaults checklist, picking a design system that fits, then applying changes in a specific order: tokens, typography, spacing, components, motion. The guardrails are strict: working features stay working, brand colors must pass contrast, accessibility stays intact, and critically, it enforces single-theme consistency across all pages so you don't end up with a Frankenstein app where different routes have different palettes. Includes validation scripts for contrast checking and hardcoded value linting. Use it when someone says "make this look better" and you need to ship polish without regressions.

skills.sh installs: 580
GitHub stars: 3.1K
last updated: Jun 11, 2026

View on GitHub

Install

$ npx -y skills add plugin87/ux-ui-agent-skills --skill redesign --agent claude-code

Installs into .claude/skills of the current project.

Files

Skill: Redesign & Audit

Requirements

This skill needs the full UX/UI Agent Skills kit: the gates, the references and the design-system library. Install it with npx ux-ui-agent-skills@3.1.0 init or as the Claude Code plugin. npx skills@1.7.6 add copies the skill folder and nothing else. Installed that way, this skill runs in guidance-only mode: no gate runs, so it gives no verdict.

Step 0: is the kit here? Check once: ls ${CLAUDE_SKILL_DIR}/../../../tokens >/dev/null 2>&1 && echo KIT_OK || echo KIT_MISSING On KIT_MISSING, open your reply with: "Guidance-only mode: the UX/UI Agent Skills kit is not installed here, so no gate ran and nothing below is measured." Then work from this file and general practice, under three rules. Do not guess or cite the contents of a kit file you could not open. State no measured number (no contrast ratio, no N/N, no "passes WCAG"): write "not verified" where one would go. End with a line Skipped (kit not installed): that names every gate script this file tells you to run, then the install command above.

Audit-first redesign that preserves behavior.

SKILL.md on GitHub