Use when critiquing a screen or component — hierarchy, spacing, states, and whether it reads as intentional.
Scanned 9/5/2026
Install to Claude Code
Skills Directorynpx -y skills add ainurdev/mystical-assistant --skill design-review --agent claude-codeInstalls into .claude/skills of the current project.
Are you the author of Design Review?
Add the live security badge to your README — it updates automatically with every re-scan.
[](https://www.skillsdirectory.com/skills/ainurdev-design-review)More formats (shields.io, HTML) on the badges page.
---
name: design-review
description: "Use when critiquing a screen or component — hierarchy, spacing, states, and whether it reads as intentional."
---
# UI design review
Use when critiquing a screen or component — hierarchy, spacing, states, and whether it reads as intentional.
## Checklist
- Squint at it: does the eye land on the primary action first?
- Check the spacing scale — inconsistent gaps read as sloppy before anything else does.
- Every interactive element needs hover, focus, active, disabled, and loading.
- Limit the type sizes and weights on screen; three of each is usually plenty.
- Align to a grid, and align optically where the grid lies.
- Ask what this screen looks like with zero items, one item, and a thousand.
Is this your skill, or is something wrong with this listing? Request removal or report an issue. Author removals are honored within 72 hours.
No comments yet. Be the first to comment!
