design-critique

Review UI components for hierarchy, design token compliance, and accessibility.

2|1|Updated Feb 27, 2026

Search Tags:#accessibility #design tokens #cross-platform #visual hierarchy #design critique #UI review #usability heuristics

Ready to run

npx skills add https://github.com/Kaakati/sdh-claude-skills --skill design-critique-kaakati

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: design-critique
Source: https://github.com/Kaakati/sdh-claude-skills/tree/main/.claude/skills/design-critique
Command: npx skills add https://github.com/Kaakati/sdh-claude-skills --skill design-critique-kaakati

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill addresses the challenge of ensuring visual design quality, consistency, and adherence to best practices across different platforms and components.

Core Features & Use Cases

Nielsen's Heuristics Evaluation: Assesses designs against established usability principles.
Visual Hierarchy Analysis: Examines typography, spacing, color, and alignment for clarity.
Design Token Compliance: Checks for adherence to defined design system tokens.
Cross-Platform Consistency: Compares UI elements across web, mobile, and other platforms.
WCAG Spot Checks: Performs basic checks for accessibility compliance.
Use Case: After a new feature's UI is implemented, use this skill to get an automated, in-depth critique before the formal design review.

Quick Start

Run a design critique on the latest UI mockups for the user profile screen.

Frequently Asked Questions about design-critique

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

FAQPage Schema

How do I run a UI review for accessibility and visual hierarchy?▼

Run a UI review by triggering a design critique, which analyzes visual hierarchy and performs WCAG spot checks for accessibility compliance. It automatically examines typography, spacing, color, and alignment to ensure clarity and adherence to best practices.

What is the best way to check design token compliance across components?▼

Checking design token compliance involves triggering a design critique to evaluate your UI components against established design system tokens. It analyzes visual hierarchy and checks for cross-platform consistency across web and mobile.

Can I use Nielsen's usability heuristics to evaluate my UI mockups?▼

You can evaluate UI mockups using Nielsen's usability heuristics by running a design critique. The Skill assesses your designs against established usability principles to identify interface issues before a formal review.

Does this design critique tool work for cross-platform consistency checks?▼

Yes, design critique performs cross-platform consistency checks by comparing UI elements across web, mobile, and other platforms. It analyzes visual hierarchy and design token compliance to ensure uniformity.

When do I need an automated design quality audit?▼

You need an automated design quality audit after implementing a new feature's UI to get an in-depth critique before the formal design review. It helps ensure visual design quality, consistency, and adherence to best practices.

How do I perform a visual design quality review before a formal handoff?▼

Perform a visual design quality review by requesting a critique on your latest UI mockups. The Skill performs comprehensive visual design quality reviews using established heuristics, checking hierarchy, tokens, and accessibility.