I did not manually revise every screen after generation.

For the #GoogleStitchChallenge, I wanted to test Google Stitch as part of a real creative and product workflow, not just as a screen generator. I connected Google Stitch through MCP with Codex and gave it one CivicMesh product brief plus a reusable iteration framework.

CivicMesh, a flood response coordination platform for Jakarta connecting residents, volunteers, shelter managers, and city coordinators.

In about 22 minutes, the workflow moved from idea -> thesis -> V1 product architecture -> design evaluation -> visual directions -> final context-specific screens.

The best part: the design critique became part of the workflow. Stitch helped surface what worked, what was missing, and what needed to change for real-world contexts like weak connectivity, elderly accessibility, field volunteers, shelters, and night operations.

Stitch turned one brief into an adaptive civic design system.

Stitch made UI design feel like conversation: initial prompt, generate, evaluate, redirect, refine ✨🖌️