Task prompt · Design
Write a design handoff note for developers
by Agent Yard TeamAttach a finished design and get a clear handoff note: components, states, spacing and open questions.
You'll attach
Needs screenshot
Works with
ChatGPT
Claude
Gemini
Grok
CopilotUse cases
- Attach a finished design and get a clear handoff note: components, states, spacing and open questions.
- When you already have a screenshot and want the AI to work from it instead of starting from scratch.
- Reuse it as often as you like: fill in the blanks (screen or feature) with new details and copy again.
- With ChatGPT, Claude, Gemini and more, the AIs that support what this prompt needs.
Featured in: Best AI prompts for UX and app design.
How to use it
- Open chatgpt.com or claude.ai (or another AI listed here).
- Attach the screenshot (or paste it straight into the chat).
- Fill in the highlighted blank ([SCREEN OR FEATURE]) below, or edit them after pasting.
- Copy the prompt, paste it into the chat and send.
- Add your real measurements from Figma where the note says approximate.
Fill in the blanks (optional)
Prompt
The attached screenshot is a finished design for [SCREEN OR FEATURE]. Write a handoff note for the developer building it: 1. A list of components on the screen and which ones look reusable. 2. Layout: grid, alignment and spacing you can see (approximate is fine, say so). 3. Every interactive element and the states it needs (hover, focus, pressed, disabled, loading, error). 4. Responsive behavior to confirm. 5. Accessibility notes: contrast to check, focus order, labels for icons. 6. Open questions for me before they start. Keep it short enough to read in 5 minutes.
One email a week
The Weekly is presented byyour brandSponsored · openThe best new prompts and personas, nothing else.