Illustrative cover generated by us — see the source repo for real examples.
How to use
- 1
Copy the install prompt
Click the black button. One click, done.
- 2
Paste it to your agent
Send it in Claude Code, Codex, Cursor or similar. It installs itself.
- 3
Ask in one sentence
Say what you want, like below, and the agent follows this skill.
/dev-browser make me: Testing web apps and filling forms from the agentExample message showing how to invoke it, not a real output.
What you get
- Persistent named pages that keep state
- Compact accessibility snapshots with stable element refs
- Real Puppeteer API plus agent helpers
Good fit
- Testing web apps and filling forms from the agent
Not for
- Large-scale scraping
What you need
- npm install -g dev-browser (Chrome)
- License
- MIT
- Author
- @SawyerHood
- Source
- SawyerHood/dev-browser/skills/dev-browser · ★ 6,652
Upstream description
Browser automation with persistent named pages via the dev-browser CLI. Use when users ask to navigate websites, fill forms, take screenshots, extract web data, test web apps, log into sites, or automate browser workflows. Trigger phrases include "go to [url]", "click on", "fill out the form", "take a screenshot", "scrape", "automate", "test the website", "log into", "open the browser", or any…
Other ways to install
Prefer doing it yourself? These commands do the same as the button.
Read https://skilloop.dev/skills/dev-browser/install.md and follow the instructions to install the skill.
npx skills add https://github.com/SawyerHood/dev-browser/tree/main/skills/dev-browser -g -a claude-code
npx skills add https://github.com/SawyerHood/dev-browser/tree/main/skills/dev-browser -g -a codex
git clone --depth 1 https://github.com/SawyerHood/dev-browser.git /tmp/dev-browser mkdir -p ~/.claude/skills && cp -r /tmp/dev-browser/skills/dev-browser ~/.claude/skills/dev-browser
Original work by its authors, redistributed under its license. We only link and describe it.
Related skills
Data Report Page
Turn a CSV, Excel or JSON file into a polished visual report page with charts and key takeaways.
Skill Creator
Create, edit and benchmark your own Agent Skills — including evals and description tuning for better triggering.
Brainstorming Before Building
Makes your coding agent clarify intent, requirements and design with you before it writes any code.
Systematic Debugging
A four-phase debugging discipline: find the root cause before proposing fixes, for any bug or failing test.