skills.rest
leexb-wp21-prog
leexb-wp21-progCOMMUNITY
Explore all skills by this author →
GitHub

design-audit

Audit UI/UX interfaces for hierarchy, spacing, typography, color, and accessibility issues.

Updated Apr 28, 2026
Search Tags:#typography#accessibility#design system#visual hierarchy#ui audit#frontend guidelines#ux refinement
One-click install
npx skills add https://github.com/leexb-wp21-prog/Azure-Ticket-Helpdesk --skill design-audit-leexb-wp21-prog
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-audit
Source: https://github.com/leexb-wp21-prog/Azure-Ticket-Helpdesk/tree/main/.cursor/skills/skills-main/skills-main/skills/design-audit
Command: npx skills add https://github.com/leexb-wp21-prog/Azure-Ticket-Helpdesk --skill design-audit-leexb-wp21-prog

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes references (resource) components.

What problem does it solve?

It fixes inconsistent, cluttered, or under-polished interfaces by performing a systematic visual audit and producing a phased plan that elevates hierarchy, spacing, typography, color, and overall design consistency without changing functionality.

Core Features & Use Cases

  • Full visual audit by UX dimensions: Evaluates hierarchy, spacing rhythm, typography scale, color restraint/contrast, alignment/grid precision, component consistency and states, iconography coherence, motion purpose, and empty/loading/error/dark-mode readiness across mobile → tablet → desktop.
  • Reduction filter for inevitability: Removes or redesigns elements that are unnecessary, require explanation, or fail proportional hierarchy—turning “good enough” into an obviously correct interface.
  • Phased, implementation-ready design plan: Organizes recommendations into Critical, Refinement, and Polish phases, referencing design-system tokens and required updates to support build execution.

Quick Start

Ask for a design audit of your app’s UI polish and deliver a phased plan referencing your design system tokens.

Frequently Asked Questions about design-audit

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I perform a UI design audit for visual hierarchy and spacing issues?▼

A UI design audit evaluates visual hierarchy, spacing rhythm, typography scale, and alignment to identify inconsistencies. It systematically reviews screens across mobile, tablet, and desktop to pinpoint clutter and refine the interface without changing underlying functionality.

What is a reduction filter for UX refinement and how does it improve an interface?▼

A reduction filter for UX refinement removes or redesigns unnecessary elements that fail proportional hierarchy or require explanation. It eliminates visual clutter, turning a good enough interface into an obviously correct and premium experience.

Can I use a design system audit to fix accessibility and color contrast problems across mobile and desktop?▼

Yes, a design system audit evaluates color restraint, contrast, and accessibility readiness across mobile, tablet, and desktop. It flags issues and aligns corrections with existing design system tokens to ensure consistent implementation.

How do I create a phased implementation plan for frontend design corrections?▼

A phased implementation plan organizes design corrections into Critical, Refinement, and Polish stages. It references design system tokens and required updates to provide an execution-ready roadmap for fixing component consistency and visual hierarchy.

Does a visual design audit check component states and dark mode readiness?▼

Yes, a visual design audit checks component consistency, states, empty or loading or error screens, and dark mode readiness. It ensures the interface maintains visual hierarchy and design system alignment across all interaction states.

What's the best way to align inconsistent UI components with existing design system tokens?▼

The best way to align inconsistent UI components is through a systematic visual audit that evaluates typography, color, and spacing against existing design system tokens. This produces a phased plan to correct component states and restore alignment.

Related Skills

Explore More Design & Creative Skills→
GeargrindadminGeargrindadmin

eval-ui-ux

Evaluate UI/UX for design system adherence, visual consistency, and accessibility.

Community
Advanced
vxcozyvxcozy
5

jobs-ive-design-architect

Audit UI designs for visual hierarchy and spacing gaps across screens and breakpoints.

Community
Advanced
lvhuanidlvhuanid

frontend-design

Transforms UI style requirements into production-ready frontend code with design tokens and accessibility.

Community
Advanced
diShine-digital-agencydiShine-digital-agency
1

shine-design-crit

Evaluate design artifacts for hierarchy, legibility, consistency, accessibility, and brand fit.

Community
Advanced