skills.rest
shaunandrews
shaunandrewsCOMMUNITY
Explore all skills by this author →
𝕏@shaunandrewsGitHub

design-critique

Audit UI/UX designs for visual hierarchy, spacing, typography, color, motion, and accessibility.

8|Updated Feb 3, 2026
Search Tags:#ui#accessibility#ux#design-system#visual-design#design-audit
One-click install
npx skills add https://github.com/shaunandrews/agent-skills --skill design-critique-shaunandrews
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: design-critique
Source: https://github.com/shaunandrews/agent-skills/tree/main/skills/design-critique
Command: npx skills add https://github.com/shaunandrews/agent-skills --skill design-critique-shaunandrews

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Premium UI/UX audits require deep, structured analysis to uncover hierarchy, whitespace, typography, color, motion, and responsiveness issues and to translate them into actionable improvement plans.

Core Features & Use Cases

  • Full-spectrum design audit covering visual hierarchy, spacing rhythm, typography, color usage, motion, and accessibility.
  • Production-ready phased design plan that guides designers and developers through prioritized changes.
  • Use Case: before a major UI refresh, generate a comprehensive critique and a prioritized road map for improvements.

Quick Start

Review the Design Audit Protocol and start a full UI/UX audit following the steps.

Frequently Asked Questions about design-critique

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

FAQPage Schema
How do I perform a comprehensive UI/UX audit for a web or mobile interface redesign?▼

A comprehensive UI/UX audit identifies visual and interaction design problems across visual hierarchy, spacing, typography, color, motion, and accessibility. It analyzes web and mobile interfaces to translate design flaws into concrete, prioritized changes.

What does an accessibility and visual hierarchy design audit include?▼

A design audit includes a full-spectrum review of visual hierarchy, spacing rhythm, typography, color usage, motion, and accessibility. It evaluates interface components against these dimensions to uncover structural issues and output a phased plan for improvements.

How do I create a phased design improvement plan before a major UI refresh?▼

To create a phased design improvement plan, you run a full UI/UX audit to identify visual and interaction problems. This generates a production-ready, prioritized road map that guides designers and developers through concrete changes for a UI refresh.

Can I use a design system audit to check spacing rhythm and typography?▼

Yes, a design system audit checks spacing rhythm and typography by applying a structured audit protocol. It evaluates color usage, motion, and visual hierarchy to ensure interface components meet design system standards across web and mobile platforms.

What is the best way to prioritize concrete UI changes after identifying visual design problems?▼

The best way to prioritize concrete UI changes is to generate a production-ready phased design plan. This translates the comprehensive UI/UX audit results into a prioritized road map, guiding developers through visual hierarchy and accessibility fixes.

Are there limitations to using a full-spectrum design audit for interaction design checks?▼

A full-spectrum design audit focuses on visual hierarchy, spacing, typography, color, motion, and accessibility rather than deep functional logic. It outlines concrete interface changes and a phased plan, but does not cover backend performance or complex system architecture.

Related Skills

Explore More Design & Creative Skills→
xoaixoai
25

ux-audit

Extract colors, typography, spacing, and component patterns from web page screenshots.

Community
Intermediate
ligianehualigianehua

plan-design-review

Review design plans to identify gaps and generate mockups.

Community
Advanced
lord-vinayaklord-vinayak

playwright-accessibility-auditor

Automate browser accessibility testing with axe-core and Playwright.

Community
Advanced
klarbauklarbau
7

ux-heuristics

Identify interface usability problems and improvement opportunities using Nielsen and Krug principles.

Community
Advanced