From idea to interactive prototype in 60 seconds

Let's build something real. I'm going to take a Pomodoro timer from blank page to polished prototype, narrating each step.

The initial prompt

"A Pomodoro timer with 25-minute work sessions and 5-minute breaks. Show the current mode (Work / Break), a large circular countdown, and a session counter. Dark UI."

That took about 8 seconds to type and roughly 12 seconds to generate. The first result had a working timer, the circular SVG progress ring, and a session counter. Solid.

First iteration

The timer font was a bit small. I sent: "Make the countdown digits bigger and bolder — they should dominate the screen."

One generation later, the digits were 6xl, centered, and felt like the focus point they should be. Total time so far: under 30 seconds.

Second iteration

I wanted the work/break transition to feel less abrupt. "When the timer hits zero, add a brief flash animation before switching modes and auto-starting the next session."

The model added a CSS keyframe flash and wired up the auto-start logic. Still working correctly.

Third iteration

"Add a settings panel (triggered by a gear icon) where I can change the work duration, break duration, and number of sessions before a long break."

This was the biggest change — a slide-in panel, three controlled inputs, and state plumbed through the whole component. It worked on the first try.

Final result

Four prompts. Roughly 60 seconds of thinking on my part and maybe 60 seconds of generation time. The result is a production-quality Pomodoro timer I could ship as a PWA with minimal additional work.

That's what Baiker is for.