This post is my submission for DEV Education Track: Build Apps with Google AI Studio.
What I Built
I built a IMAGINE4 designed to help users engage the engine to generate an IMAGINE4 coloring book prompt. To create this, I used core prompts that established a structured step-by-step UI framework, combined with Quick Presets and History track.
Key Prompts Used
- The Architecture Prompt: "Act as an expert frontend developer. Build a clean, responsive single-page application for Imagine 4"
- The Logic Prompt: "Create a JavaScript function that takes user inputs for casual user request and filters them against coloring book prompt to output a dynamic list..."
Demo
Live link - https://imagine4.netlify.app/
My Experience
Working through this track was an incredible deep-dive into rapid prototyping with AI. My biggest takeaway was learning how to effectively iterate on a prompt—instead of trying to get the AI to build the entire app at once, breaking it down into component-by-component prompts yielded much cleaner, bug-free results.
What surprised me most was how well the AI anticipated user experience nuances, like suggesting intuitive layout shifts for mobile viewports that I hadn't originally thought of.
Top comments (0)