Design Critique

Critique and polish an existing interface by finding hierarchy, consistency, usability, content, accessibility, and visual-quality defects before delivery.

juspay 5490e3c 911 B Updated

File contents

Design critique and polish

Review the rendered artifact, not only its source.

Run three passes:

  1. Comprehension: can a new user identify the page purpose, current state, and primary action within a few seconds?
  2. System: are typography, spacing, color, radii, borders, and interaction states internally consistent? Remove one-off styling and visual noise.
  3. Execution: find overflow, collisions, weak contrast, awkward wrapping, broken controls, empty links, console errors, and missing responsive states.

Prioritize issues that affect task completion. Make changes, render again, and compare. Do not describe defects in the final answer that you could safely fix in the artifact.

juspay/xyne-spaces/tree/main/apps/xyne-claw/design-skills/design-critique commit 5490e3ca2e

Frequently asked questions

npx skillmds@latest add juspay/design-critique