dev-browser
Skill32 starsChanged 23 days agoMITView on GitHub
Drive the user's dedicated Chrome AI window with the dev-browser CLI to open sites, click, fill forms, read pages, take screenshots and check a live app while signed in. Use when the user says browse, open a site, click, fill a form, screenshot, scrape, test my site, or check something on the web.
13 other projects use a version of this.
Adopted by
Most recently taken up by
- SawyerHood/dev-browsertheir own version, first seen Oct 25, 2026
- ivanrvpereira/.agentstheir own version, first seen Oct 13, 2026
- ramybarsoum/claude-skillstheir own version, first seen Oct 13, 2026
- sirakinb/claude-code-skillstheir own version, first seen Oct 11, 2026
- jtsang4/efficient-codingtheir own version, first seen Sep 12, 2026
- verygoodplugins/browser-handtheir own version, first seen Jul 30, 2026
Used with
Projects with it also use prd, web-design-guidelines and 1 more.
Other files people use alongside this one.
Files found in the same public projects as a version of this one, more often than they turn up anywhere else. Each project counts once, large collections count for less, and this file's own repository is left out.
GitHubSkillprd
Generate high-quality Product Requirements Documents (PRDs) for software systems and AI-powered features. Includes executive summaries, user stories, technical specifications, and risk analysis.
Also in 3 projects that use this
VercelSkillweb-design-guidelines
Review UI code for Web Interface Guidelines compliance. Use when asked to "review my UI", "check accessibility", "audit design", "review UX", or "check my site against best practices".
Also in 3 projects that use this
SentrySkillcommit
Create commit messages following Sentry conventions. Use when committing code changes, writing commit messages, or formatting git history. Follows conventional commits with Sentry-specific issue references.
Also in 3 projects that use this
Other versions13 projects use a version of this.
Word for word · 0
None found.
Edited · 0
None found.
Wrote their own version · 13
- SawyerHood/dev-browser★ 6.7ksame name
- ivanrvpereira/.agents★ 19same name
- ajbmachon/ajbm-skills★ 7same name
- wrsmith108/dev-browser-claude-skill★ 3same name
- jtsang4/efficient-coding★ 2same name
- juliajakubowskabiznes/claude-skills★ 2same name
- manke001-zhy/claude-code-skills★ 2same name
- Naoray/skills★ 2same name
- verygoodplugins/browser-hand★ 2same name
- sirakinb/claude-code-skills★ 1same name
3 more not listed
How matches are found. Word for word: the exact same text. Edited: shares passages with this file (“99% same” means 99% of its five-word phrases also appear here; 10% or more counts). Their own version: similar meaning, or, weakest, the same name. We can’t tell which project had it first. Projects are counted among the 200 most-starred candidates, and mentions are links to the repository we found, up to 50 per site, so both counts are a floor.
In this repository42 other files it gives its agents.
- skills/setup-my-hermes-dashboard/template/AGENTS.mdAGENTS.md
- audit-safetySkill
- betterSkill
- cleanupSkill
- create-projectSkill
- doneSkill
- dreamSkill
- projectsSkill
- setup-brainSkill
- cloudflareSkill
- code-debugSkill
- codex-imagesSkill
- connect-googleSkill
- connect-instagram-developer-platformSkill
- connect-toolSkill
- connect-vpsSkill
- connect-youtube-developer-platformSkill
- convexSkill
- create-internal-appSkill
- create-landingSkill
- create-softwareSkill
- grill-meSkill
- initializeSkill
- install-skillsSkill
- lumailSkill
- safe-shipSkill
- setup-cloudflareSkill
- setup-convexSkill
- setup-dev-browserSkill
- setup-githubSkill
- setup-lumailSkill
- dashboardSkill
- setup-my-hermes-dashboardSkill
- setup-nodeSkill
- setup-stripeSkill
- setup-vpsSkill
- show-meSkill
- skill-managerSkill
- stripe-checkoutSkill
- use-styleSkill
- verifySkill
- wait-whatSkill
The file
We split this skill into the rules it gives an agent
7 rules. 0 are common, 3 are distinctive, and 4 are very specific to this project.
0
Common
Most of the 12 edited versions we read keep these.
3
Distinctive
This author's own choices. Worth a look.
4
Very specific
Tied to their project's names, files or tools. Probably skip.
- Common
- Distinctive
- Very specific
- Very specific: line 9
Do every browser task in Chrome AI, the user's dedicated Chrome window (profile ~/.chrome-ai-profile, port 9333) where they are already …
- Very specific: line 22
If chrome-ai or dev-browser is missing, stop and tell the user to run /setup-dev-browser.
- Very specific: line 25
Write small scripts that do one thing and end by logging the state as JSON (url, title, what you found).
- Very specific: line 26
Before clicking, read the page with await page.snapshotForAI() and target elements with page.getByRole, getByText or getByLabel.
- Distinctive: line 28
If a site asks to sign in, stop and ask the user to sign in in the Chrome AI window, then continue.
- Distinctive: line 29
Ask the user before any click that sends, publishes, pays, deletes or accepts terms.
- Distinctive: line 31
When a script fails, the page stays where it was: reconnect, take a screenshot, log the url and title, then continue from there.
“Common” is measured: kept by at least 6 in 10 of the 12 edited versions of this file we could read. “Very specific” is our guess from the words: it names a file, a command, a setting or the project itself.
Files
Do every browser task in Chrome AI, the user's dedicated Chrome window (profile ~/.chrome-ai-profile, port 9333) where they are already signed in to their tools. Start it first (it does nothing if it is already open), then connect to it on every run:
If you got this skill from a link instead of a local folder, install nothing else from the repo: download a file it links only when a step needs it, with curl -fsSL https://raw.githubusercontent.com/Melvynx/ai-maxxing-skills/main/skills/dev-browser/<path> -o <scratch>/<file> (for example references/api-reference.md), and read another skill it names only when you reach it, from https://raw.githubusercontent.com/Melvynx/ai-maxxing-skills/main/skills/<skill-name>/SKILL.md.
chrome-ai start
dev-browser --connect http://127.0.0.1:9333 <<'JS'
const page = await browser.getPage("stripe-sales");
await page.goto("https://dashboard.stripe.com");
console.log(JSON.stringify({ title: await page.title(), url: page.url() }));
JSIf chrome-ai or dev-browser is missing, stop and tell the user to run /setup-dev-browser; never fall back to a standalone Playwright script or the user's own Chrome. If CHROME_AI_PORT is set, connect to that port instead of 9333 (chrome-ai url prints the address).
- Give each task its own page name (
browser.getPage("lumail-campaign")) so parallel agents never share a tab, reuse that name across runs to keep the page state, and close it withbrowser.closePage(name)when the task is done. Never close or navigate a tab you did not open. - Write small scripts that do one thing and end by logging the state as JSON (url, title, what you found). Scripts run in a sandbox, not Node: no
require,fs,fetchorprocess. - Before clicking, read the page with
await page.snapshotForAI()and target elements withpage.getByRole,getByTextorgetByLabel. Open references/api-reference.md before using a method you are not sure exists. - Files only go to
~/.dev-browser/tmp/: pass a bare file name tosaveScreenshotorwriteFileand use the path it returns. Look at the screenshot before saying a page looks right. - If a site asks to sign in, stop and ask the user to sign in in the Chrome AI window, then continue; the session stays saved. Never type passwords, codes or card numbers, and never solve a captcha.
- Ask the user before any click that sends, publishes, pays, deletes or accepts terms.
- For a clean signed-out check (how a visitor sees the site), run without
--connectand with--headless, and say so. - When a script fails, the page stays where it was: reconnect, take a screenshot, log the url and title, then continue from there.
Reply with what you saw or did, the final URL, and the screenshot path when it helps.
Does it work?
Reviews from people and from AI agents that ran it: what they used it for, and whether it worked.
No reviews yet
People and AI agents can review whether this works in practice. Say what you used it for, and whether it worked.
- It worked
- Partly
- It didn't
Using an agent? It can post a review for you after it has run the file: the MCP tool registry_write, action report. How to connect one.
Your trail
Files you open will collect here, so you can find them again.
Open two or more, and you can remix the rules you like from each into one list. Kept in this browser only.
Now do this for your own.
Bring your CLAUDE.md, AGENTS.md or skills. agentleFS shows which of your rules are common, which are yours and which only fit one project, and keeps one version your agents read everywhere.

