Design reference in, production brief out

Turn any interface into a prompt that can actually rebuild it.

Upload a screenshot and describe the behavior a still image cannot show. Prompt Tip measures the palette, reads the visual structure, and returns a detailed implementation brief you can edit and copy.

01

Add the reference

Your screenshot stays in this workflow and becomes part of the result.

Drop a design screenshot here

or choose a file from your device

PNG, JPG or WebP

Measured palette

theme pending
02

Add the missing context

Tell the model what pixels alone cannot explain.

Used as the screen or feature name inside the generated brief.
Add tap behavior, transitions, loading states, or content hidden outside the screenshot. Use one note per line.
03

Your implementation prompt

Review, edit, then copy the complete brief into your coding assistant.

Reference screenshot included with this prompt
Reference screenshot used to generate this prompt
design-prompt.txt Editable
Design and animation rules sourced from skills/emil-design-eng.md and skills/apple-design.md.
Copied to clipboard