design-review

Reviews UI designs across six weighted dimensions with Nielsen heuristics and prioritized findings.

Updated Jul 20, 2026
One-click install
npx skills add https://github.com/idy-00/paytrack --skill design-review-idy-00
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: design-review
Source: https://github.com/idy-00/paytrack/tree/main/backend/.agents/skills/design-review
Command: npx skills add https://github.com/idy-00/paytrack --skill design-review-idy-00

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve? Design critiques are often subjective and inconsistent, making it hard to compare screens, prioritize fixes, or justify changes to stakeholders. This Skill applies a structured, weighted scoring rubric so every review produces comparable scores and actionable findings. ## Core Features & Use Cases - Weighted 6-Dimension Scoring: Scores Visual Hierarchy, Consistency, Accessibility, Usability (20% each) plus Responsiveness and Performance (10% each) into an overall score. - Heuristic & Accessibility Audit: Applies Nielsen's 10 heuristics, a WCAG checklist, and a contrast-checking script to flag violations by number. - Prioritized Findings Table: Outputs findings ranked Critical to Enhancement with concrete, token-referenced fixes. - Use Case: Before shipping a new checkout page, run a review to get a scored breakdown, catch contrast failures, and hand engineers a prioritized fix list. ## Quick Start Review this checkout screen design and give me the scored dimensions table with prioritized findings.

Frequently Asked Questions about design-review

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

FAQPage Schema
How do I run a structured design review on a UI screen?

Provide the screen or flow, target users, platform, and constraints, then the review scores six weighted dimensions and applies Nielsen's 10 heuristics. The output is a scored table plus a prioritized findings list with severity levels and concrete fixes.

What dimensions does a design audit score?

The audit scores Visual Hierarchy, Consistency, Accessibility, and Usability at 20% each, plus Responsiveness and Performance at 10% each. These are combined into a weighted overall score for the screen or flow.

How are accessibility issues checked in a design review?

Accessibility is evaluated with a WCAG checklist, and a contrast script verifies any doubtful color pairs. Findings are flagged with severity and paired with token-referenced recommendations.

Can this review catch common low-quality design patterns?

Yes, the review checks against a Banned Defaults checklist of anti-slop design tells in addition to heuristic violations. This catches generic or lazy styling choices that pass basic heuristics but hurt perceived quality.

When should I run a design review versus user testing?

Run a heuristic design review before or after building a screen to catch structural, accessibility, and consistency issues cheaply. It complements but does not replace moderated user testing, which reveals real behavioral problems heuristics cannot predict.