FlowState

Circle broken UI, speak fixes in plain English, pick from AI variations. Visual debugging in 30 seconds.

Circle broken UI, speak fixes in plain English, pick from AI variations. Visual debugging in 30 seconds. 🏆 Google Gemini 3 Pro Hackathon Winner. FlowState is a visual debugging tool that lets you fix UI bugs by pointing at them and speaking what's wrong. THE PROBLEM You see a broken button. The padding is off. So you open DevTools, copy the CSS, paste it into ChatGPT, describe the problem, copy the fix, paste it back... and it still doesn't work. THE SOLUTION With FlowState, you simply: 1. Circle the broken element on your actual site 2. Say "make this bigger" or describe the issue 3. Pick from AI-generated design variations 4. Export clean CSS Done in 30 seconds instead of 30 minutes. FEATURES • Draw annotations directly on any website • Voice input - just speak what's wrong • Multiple design variations per fix • Works on ANY site - React, Vue, WordPress, anything • Export clean CSS with one click FlowState captures screenshots of the visible page area when you analyze elements. Screenshots are sent to your configured API endpoint for AI analysis. Voice input is processed locally via Web Speech API. No data is sent to FlowState servers