Install this skill
npx skills add SawyerHood/dev-browserWorks across Claude Code, Cursor, Codex, Copilot & Antigravity
What this skill does
- •Executes sandboxed JavaScript automation scripts
- •Maintains persistent browser sessions for multi-step tasks
- •Supports both headless mode and existing Chrome instance attachment
- •Provides full access to Playwright API primitives
- •Captures screenshots and extracts DOM elements programmatically
When to use it
- ✓Scraping data from sites that require complex state or navigation
- ✓Testing UI workflows in web applications during development
- ✓Automating form submission processes across multiple pages
- ✓Monitoring web content for specific changes or data updates
When not to use it
- ✕Tasks requiring human-like anti-bot bypass mechanisms
- ✕High-frequency scraping that requires rotating IP addresses or proxies
- ✕Extensive browser-based media rendering or heavy graphical tasks
How to invoke it
Example prompts that trigger this skill:
- “Go to the admin dashboard at localhost:3000 and fill out the login form”
- “Navigate to the pricing page and take a screenshot of the main table”
- “Scrape all product titles from the search results page”
- “Test if the registration button remains clickable after a 5-second delay”
- “Connect to my running browser and list all currently open tabs”
Example workflow
- Launch the browser instance using the CLI
- Navigate to the target website URL
- Execute a script to wait for specific DOM elements to load
- Fill in credentials and trigger the login action
- Extract the required data into a local JSON object
Prerequisites
- –Node.js installed on the host machine
- –Playwright and Chromium (via dev-browser install command)
Pitfalls & limitations
- !Sandboxing restricts access to local file system APIs
- !Browser processes require sufficient memory for headful operations
- !Initial setup requires manual remote-debugging port configuration for Chrome attachment
FAQ
How it compares
Unlike manual browsing or generic prompts, Dev Browser maintains persistent state across distinct script executions, allowing for long-running, reproducible automation workflows.
Source & trust
From the source: “# Dev Browser A CLI for controlling browsers with sandboxed JavaScript scripts. ## Installation ```bash npm install -g dev-browser dev-browser install ``` ## Usage Run `dev-browser --help` to learn more.…”
View the full SKILL.md source
# Dev Browser A CLI for controlling browsers with sandboxed JavaScript scripts. ## Installation ```bash npm install -g dev-browser dev-browser install ``` ## Usage Run `dev-browser --help` to learn more.
Quoted from SawyerHood/dev-browser for reference — see the original for the authoritative, latest version.
📄 Full skill instructions — original source: SawyerHood/dev-browser
How to Use This Skill Unit
Option A: Project-Specific (Recommended)
- Click "Download" above
- In your project, create the directory:
.agent/skills/dev-browser/ - Save the file as
SKILL.md - The agent will automatically discover the skill based on its description.
Option B: Global Installation (All Agents)
Save the file to these locations to make it available across all projects:
- Claude Code:
~/.claude/skills/SawyerHood/dev-browser/dev-browser/SKILL.md - Cursor:
~/.cursor/skills/SawyerHood/dev-browser/dev-browser/SKILL.md - Antigravity:
~/.gemini/antigravity/skills/SawyerHood/dev-browser/dev-browser/SKILL.md
🚀 Install with CLI:npx skills add SawyerHood/dev-browser
