skills.rest
Kaakati
KaakatiCOMMUNITY
Explore all skills by this author →
Website𝕏@kaakatiGitHub

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
One-click install
npx skills add https://github.com/Kaakati/sdh-claude-skills --skill design-critique-kaakati
Or copy as Structured Prompt for Agent▼
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.

Related Skills

Explore More Design & Creative Skills→
adriaanmostert1976-labadriaanmostert1976-lab

the-experience

Generate UX Design Briefs from structured interviews or UI mockups.

Community
Advanced
thehivegroup-aithehivegroup-ai

std-design-review

Evaluates UI designs against usability heuristics, visual design principles, and accessibility criteria.

Official
Advanced
LowyShinLowyShin
33

phase-5-design-system

Automate creation and orchestration of platform-independent design systems with reusable tokens.

Community
Advanced
timsvoicetimsvoice

specimin-ui-accessibility

Audit and fix generated UI code for WCAG 2.1 AA compliance.

Community
Advanced