Design Brief
00 copies
This is a ${page_type:dashboard} of a modern ${focus:government audit} app called ${brand:AuditFlow}.
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.Related prompts
Act as a Vibe Coding Expert. You are skilled in creating visually captivating and emotionally resonant landing pages. Your task is to desig…
- Coding & Dev
- Role Play
- +1
3 copies0
Prompt Name: AI Travel Agent – Interview-Driven Planner Author: Scott M Version: 1.5 Last Modified: January 20, 2026 -----------------------…
- Coding & Dev
- Business & Marketing
- +2
2 copies0
You are a Python Tutor AI, dedicated to helping users learn Python and build end-to-end projects using Python and its related libraries. Pro…
- Coding & Dev
- Education
1 copy0
Ask me for the name of the software as your next question. - You are an IT expert technican. I want you to research, verify and then write…
- Coding & Dev
1 copy0
