The visual tool for frontend. Point, click, and let AI code.
Design In The Browser lets you point at any element on your website and tell AI what to change. Click a button, a heading, or select text — describe your edit in plain language, and it sends the instruction (with a screenshot) directly to Claude Code, Cursor, or Gemini CLI running in the built-in terminal. No more copying selectors or describing layouts in chat. You see it, you change it, and AI does it. Supports multi-edit queuing, responsive viewports, and your preferred code editor.
Hi everyone! I built Design In The Browser because I was frustrated with the back-and-forth of describing UI changes to AI coding tools.
I'd be staring at a button that needed to be bigger, but then I'd have to switch to the terminal, describe which button, where it was, what component it was in and half the time the AI would change the wrong thing. So I built a tool where you just click the element and type what you want. It sends a screenshot and selector directly to Claude Code, Cursor, or Gemini CLI running in a built-in terminal. The AI sees exactly what you see.
Let me know what you think!