Show HN: Browser interface for Claude Code, edit any website by clicking on it (github.com)

🤖 AI Summary
Visual Claude is an open-source browser interface that wraps Anthropic’s Claude Code to let you click or drag-select UI elements in any local web app and send plain-English editing instructions that Claude applies in real time. Running as a Go-based reverse proxy between your browser and dev server, it injects a selection widget into HTML, sends selection + instruction to the Claude Code CLI (using --output-format stream-json), and streams back JSONL events to a Bubble Tea terminal UI while watching file changes for automatic hot reload. The project is framework-agnostic (works with Vite, webpack, Next.js, etc.), requires Go 1.21+ and a local Claude Code binary, and is licensed AGPL-3.0; it’s not affiliated with Anthropic. For developers this bridges interactive UI selection with LLM-driven code edits, giving live “watch while it edits” feedback, fine-grained control over what gets changed, and a rich developer UX (WebSockets via gorilla/websocket, fsnotify file-watching, TUI styling with lipgloss). CLI flags (proxy-port default 9999, target-port auto-detect, claude-path default "claude") make it easy to integrate into existing dev workflows. The streaming output surfaces Claude’s tool usage and intermediate results for debugging, but because the tool intercepts HTTP and runs a local LLM binary, teams should consider security and licensing (AGPL) implications before deploying.
Loading comments...
loading comments...