Design Brief
Design Brief — a ready-to-use text prompt with customizable fields (page_type, focus, brand) for Roleplay & Personas. Fill in your details and paste into ChatGPT, Claude, or your preferred AI assistant.
How to use it
- Fill in page_type, focus, brand below (or keep the suggested defaults).
- Copy the generated prompt.
- Paste it into ChatGPT, Claude, or your preferred AI assistant.
Pairs well with Character — try running them back to back.
Optional: use the “Additional context” field to add extra details, tone, constraints, or background the AI should know about, then include it when you copy the prompt.
Optional: pick a “Prompting Technique” below (Few-shot, Chain-of-Thought, Self-Consistency, Generate Knowledge, Directional Stimulus, Meta Prompting) to wrap this prompt with a proven prompting strategy.
The base prompt
This is a ${page_type} of a modern ${focus} app called ${brand}.
Thoroughly analyze the UI in this screenshot and describe it in as much detail as you can to hand over from a UI designer to a developer. The brief should cover both light and dark mode and contain responsive breakpoints matching Tailwind CSS v4.3 defaults.
Output characteristics as structured JSONC.
For colors, extract a rough palette and only detail accents and complex media. The goal is to use only 2 palettes: primary and secondary similar to Tailwind colors. Alongside these 2, you can define any number of grays and accent colors for more complex UI (gradients, shadows, SVGs, etc.).
End with a prompt explaining how to implement the UI for a developer, but don't mention any tech specs; only a brief of the UI to be implemented and the token rules + usage. Output the prompt as a Markdown code block.
The output should be two code blocks: one for the design brief and one for the JSONC design specification.Want it filled in and enhanced? Use the builder →
Related prompts
Character
Character — a ready-to-use text prompt for Roleplay & Personas. Copy it and paste into ChatGPT, Claude, or your preferred AI assistant.
Stand-up Comedian
Stand-up Comedian — a ready-to-use text prompt with customizable fields (Your first request) for Roleplay & Personas. Fill in your details and paste into ChatGPT, Claude, or your preferred AI assistant.
Movie Critic
Movie Critic — a ready-to-use text prompt with customizable fields (Your first request) for Roleplay & Personas. Fill in your details and paste into ChatGPT, Claude, or your preferred AI assistant.
Rapper
Rapper — a ready-to-use text prompt with customizable fields (Your first request) for Roleplay & Personas. Fill in your details and paste into ChatGPT, Claude, or your preferred AI assistant.