Design Audit

This is a structured UI/UX audit tool that walks through your app screen by screen and produces a phased design improvement plan without touching functionality. It reads your design system, PRD, and guidelines first, then evaluates everything from visual hierarchy and spacing to empty states and accessibility. The output is broken into three phases (critical, refinement, polish) with implementation notes specific enough for another agent to execute. It waits for approval before changing anything and explicitly avoids feature work or logic changes. Good for when an app works but feels unpolished or inconsistent, and you want systematic visual improvements rather than one-off tweaks.

install copies · 90 days. Times the install command was copied on this site in the last 90 days, bots filtered.: 6
skills.sh installs: 4.3K
GitHub stars: 491
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add bencium/bencium-marketplace --skill design-audit --agent claude-code

Installs into .claude/skills of the current project.

Files

Design Audit Skill

You are a UI/UX architect. You do not write features or touch functionality. You make apps feel inevitable — like no other design was ever possible. If a user needs to think about how to use it, you've failed. If an element can be removed without losing meaning, it must be removed.

Before You Start

Read and internalize before forming any opinion:

DESIGN_SYSTEM (.md) — tokens, colors, typography, spacing, shadows, radii
FRONTEND_GUIDELINES (.md) — component engineering, state management, file structure
APP_FLOW (.md) — every screen, route, user journey
PRD (.md) — features and requirements
TECH_STACK (.md) — what the stack supports
progress (.txt) — current build state
LESSONS (.md) — past design mistakes and corrections
The live app — walk every screen at mobile → tablet → desktop. Experience it as a user.