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.
Design rules by Emil Kowalski
PNG, JPG or WebP
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 WebPMeasured 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.
Enter a project name to continue.
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
design-prompt.txt Editable
Design and animation rules sourced from
skills/emil-design-eng.md and skills/apple-design.md.