Vibe Coding Nights #11: Design & Interaction - Open Registration

​Your coding agent is sensory-deprived.
It can't see what it built, hear the console, or feel whether the timing lands.

​This night, we fix that.

​Generation: Figma MCP pulls design context into your agent. Nano-banana generates images that understand what you want. Visual feedback loops let your agent screenshot its own output, critique it, iterate.

​Perception: Chrome DevTools MCP gives your agent the full stack—DOM structure, console logs, network requests, performance traces, stored state. It stops guessing and starts knowing.

​Refinement: What agents still can't feel. Where your judgment lives.

​Beauty isn't decoration applied to function. It's function made visible.

​We're assembling a repo to walk through these patterns.

​Bring a Figma file, a screenshot, or an idea that needs to feel right. Leave with work that holds up.