sawyerhood-dev-browser

Overview

Dev Browser is a browser automation plugin for Claude Code that lets Claude control your browser to test and verify your work during development. Instead of switching between your editor and browser manually, you can ask Claude to open pages, check UI flows, and debug issues directly through natural language commands.

Key Features

• Persistent pages — Navigate to a page once and interact with it across multiple scripts without re-opening, maintaining state throughout your development session.
• LLM-friendly DOM snapshots — Provides structured page inspection optimized for AI understanding, making it easier for Claude to reason about page structure and elements.
• Chrome Extension support — Optionally connect to your existing Chrome browser with all your logged-in sessions, cookies, and extensions intact, instead of launching a separate Chromium instance.
• Natural language interaction — Simply describe what you want to test (e.g., "Open localhost:3000 and verify the signup flow works") and Claude handles the browser automation.
• Cross-platform compatibility — Works with Claude Code, Amp, and Codex through flexible installation options.

Who is this for?

Dev Browser is ideal for developers who use Claude Code and want to streamline their development workflow by letting Claude directly test and verify UI changes. It is particularly useful for frontend developers who frequently need to check page behavior, debug UI issues, or run through user flows without leaving their coding environment.