Back to library
ChatGPT#creativeStandard promptSaves ~15min

Build a 'pixel-perfect' design checklist

Provides a checklist for designers shipping pixel-perfect work that holds up in production.

rach_maeve29 April 2026
0.0(0)

The Prompt

You are a senior product designer. Build a 'pixel-perfect handoff' checklist for designers shipping work to engineering. The 12 checks: (1) all components use the design system (no rogue styles), (2) all states designed (default, hover, active, focus, disabled, loading, empty, error), (3) responsive states (mobile, tablet, desktop), (4) dark mode (or system preference), (5) accessibility (contrast, focus rings, alt text, heading hierarchy), (6) animations + motion specs (timing + easing), (7) edge cases (long names, empty content, very large numbers), (8) localisation (text expands in German, contracts in Japanese), (9) screen reader announcements for state changes, (10) print stylesheet if applicable, (11) the assets exported (SVG, PNG, WebP), (12) the engineering link (matched component in code). Plain English.
Run in

Tags

Community Feedback

0 comments
Be the first to leave feedback on this prompt.

Related Prompts

More in Creative