Web app testing
Coding Workflows
Lets Claude open your site in a real browser, click through it and screenshot problems.
Coding Workflows
Dev Browser
Lets Claude drive your real Chrome with short scripts, keeping tabs open between steps.
Open sourceBy Sawyer Hood
View source What is it?
Dev Browser lets Claude control Chrome with short JavaScript scripts. The browser stays open between calls, so Claude can navigate once, inspect the page, act, and check the result without starting over each time.
Named tabs carry state across scripts, and pages come back as compact accessibility snapshots that are easy for Claude to read. It can launch an isolated Chrome profile or attach to a browser you already have open, logins and all.
Compared with the Playwright MCP it is lighter and feels more like handing Claude the keyboard.
Install in Claude Code
Run npm install -g dev-browser, then dev-browser install-skill --claude to add the skill to ~/.claude/skills. Run dev-browser chrome to open a Chrome profile Claude can attach to. macOS and Linux only for now.
Try this prompt
Paste into Claude Code
Use dev-browser to open my staging site, log in with the test account and screenshot the checkout page.Who it's for
Developers who want Claude to test and use their web app in a real browser.
Best for
- Testing web apps
- Form filling and repetitive tasks
- Scraping behind a login
- Visual checks
Why it made the list
It gives Claude hands in the browser with almost no setup.
More skills like this
Feature development
Coding Workflows
A seven-step routine for adding a feature: understand, ask, design, build, review.
Awesome Agent Skills
Coding Workflows
A hand-picked directory of 1000+ skills from Anthropic, Vercel, Stripe and the community.
Commit commands
Coding Workflows
One command to save your work with a clear message, push it and open a pull request.