Design Audit

bencium/bencium-claude-code-design-skill

This is a pure visual refinement skill that audits UI/UX and produces phased implementation plans without touching functionality. It systematically evaluates hierarchy, spacing, typography, color, accessibility, and responsive behavior across every screen, then organizes fixes into critical, refinement, and polish phases. The approach is opinionated around reduction and inevitability: if an element can be removed without losing meaning, it goes. If a user needs to be told something exists, the design failed. It reads your design system, PRD, and app flow first, then waits for approval before implementing anything. Good for taking an app from functional to polished when you know the design needs work but don't want to articulate every spacing inconsistency yourself.

skills.sh installs: 547
GitHub stars: 333
last updated: Jul 14, 2026

View on GitHub

Install

$ npx -y skills add bencium/bencium-claude-code-design-skill --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.