Launching today
Visual Agentic Dev

Visual Agentic Dev

Click-to-edit your React app with AI agents in the browser.

2 followers

an immersive browser development environment designed to allow developers to complete code modifications, debugging, and command-line interactions without leaving the browser. - brucetoo/visual-agentic-dev
Visual Agentic Dev gallery image
Visual Agentic Dev gallery image
Visual Agentic Dev gallery image
Free
Launch Team
Anima - OnBrand Vibe Coding
Design-aware AI for modern product teams.
Promoted

What do you think? …

Too Bruce
Maker
šŸ“Œ
Subject: Stop hunting for files. Start coding visually. Hi Product Hunt! šŸ‘‹ I'm Bruce, the creator of Visual Agentic Dev. I built this tool because I was tired of the "Context Switching Loop": Spot a bug in the browser. Switch to VS Code. Search for the component text. Find the file. Copy context to ChatGPT/Claude. Paste code back... It felt efficient, but it wasn't flow. Enter Visual Agentic Dev. It connects your Chrome browser directly to your local development environment. Click any element in your running React app. Chat with an AI agent (like Claude Code) in the sidebar. Watch it modify your local source code instantly. Under the hood: It uses React Fiber internals to locate source files at runtime (no massive build config changes needed!) and a Bridge Server to let the browser talk to your terminal. Core Features: šŸŽÆ Zero-Config Source Location: Works with your existing React setup. ⚔ Instant Agent Readiness: No waiting for the agent to boot up. šŸ¤– Bring Your Own Agent: Supports Claude Code CLI and more. šŸ’» Immersive Terminal: A real PTY terminal right in your browser. I'd love to hear what you think! Does this fit your workflow? What other agents should we support? Let me know in the comments below! šŸ‘‡