design-critique
Installation
SKILL.md
Design Critique
Protocol
Step 1 — Inspect and ground
- Inspect the supplied screenshot(s). If none is available, ask the user to attach one; v1 does not capture screens.
- Name the screen's job. State the surface, primary user, and task in one line. If the thread and screenshot do not support them, ask up to two short questions rather than guessing.
- Ground against the project:
- When
meta/DESIGN.mdgoverns the screen, read its relevant surface; an established product convention is not a finding. - When the file is missing or lacks that surface and the screen's code is available, invoke the
map-design-languageskill via the Skill tool, then read the result. - With screenshots but no code or governing design source, apply universal principles and mark system consistency unverified.
- When
- Bound the evidence. A screenshot supports visible layout, hierarchy, typography, content, and displayed states. It does not prove keyboard behavior, focus order, semantics, responsive behavior, motion, or undisplayed states.
Step 2 — Recommend and confirm directions
- Honor directions the user already named; recommend additions or removals with reasons, but never replace them silently.
- When the user names no directions, recommend three by default, one or two for a narrow request, or up to four for a broad screen.
- Show the remaining directions as lower-value options.