💻 Engineering & DevelopmentSkill #10

Dev Browser

Download Authentic SKILL.md (1.8 KB)View Source on GitHub ↗
✓Verified Authentic GitHub File
Supported: Antigravity, Claude Code, Cursor, Windsurf

Instant Browser Download for SKILL.md

No curl, terminal, Node.js, or Git required! Download the official SKILL.md directly into your Downloads folder.

1
Click "Download Authentic SKILL.md"

Your browser immediately downloads the authentic file (1.8 KB) directly into your local Downloads folder.

2
Move file into your project or IDE folder

Place the downloaded SKILL.md into the skills path for your chosen AI assistant:

  • Google Antigravity: <project>/.agents/skills/dev-browser/SKILL.md (or global in ~/.gemini/antigravity/skills/dev-browser/SKILL.md)
  • Claude Code: ~/.claude/skills/dev-browser/SKILL.md
  • Cursor: <project>/.cursor/skills/dev-browser/SKILL.md or ~/.cursor/skills/dev-browser/SKILL.md
  • Windsurf / VS Code: <project>/.agents/skills/dev-browser/SKILL.md
3
Start Prompting

Your agent automatically discovers the skill. You don't need any restart—it's immediately active!

📄 Authentic File: SKILL.md1.8 KB
✓ Authentic From Repository
---
name: dev-browser
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 browser interaction request.
---

# dev-browser

CLI for controlling a real Chrome with short Puppeteer scripts. One warm daemon; named pages persist between runs.

```bash
npm install -g dev-browser   # bun add -g dev-browser works too; the first run downloads the binary if the install script was blocked
dev-browser install          # only if the first run says "No Chrome found"
```

Run `dev-browser --help` (full guide; `dev-browser help <topic>` for one section) before non-trivial work. Quick start:

```bash
dev-browser <<'EOF'
const page = await browser.getPage("main");        // named page persists across runs
await page.goto("https://example.com");            // default waitUntil: domcontentloaded
await page.snapshot({ interactive: true })         // ARIA tree with refs; last expression is printed
EOF
dev-browser -e 'const p = await browser.getPage("main"); await p.click("ref/e6"); await p.waitForLoad(); p.url()'
```

Gotchas: end lines with semicolons (a line starting with `(` continues the previous one); return an object as
`({ a, b })`; `page.click` never waits (use `waitForSelector` first); page names are per browser (`--headless` and
headed are separate Chromes and profiles); refs reset on navigation — re-snapshot; file paths resolve against your cwd
(uploadFile, screenshot/pdf `path`); do not run parallel dev-browser calls against the same named page.

In Google Antigravity, skills reside in your project workspace under .agents/skills/dev-browser/SKILL.md or globally in ~/.gemini/antigravity/skills/.

npx skills add https://github.com/SawyerHood/dev-browser --skill dev-browser -y
# Workspace path: .agents/skills/dev-browser/SKILL.md
# Global path: ~/.gemini/antigravity/skills/dev-browser/SKILL.md

In Claude Code, install globally using the official skills CLI or add via the Claude Code plugin marketplace.

npx skills add https://github.com/SawyerHood/dev-browser --skill dev-browser -g -y
# Or inside Claude Code session:
/plugin install SawyerHood/dev-browser

In Cursor, place the skill folder in .cursor/skills/dev-browser/SKILL.md or at the workspace level in .agents/skills/.

npx skills add https://github.com/SawyerHood/dev-browser --skill dev-browser -y
# Or place directly into:
# ~/.cursor/skills/dev-browser/SKILL.md

In Windsurf / VS Code, agent skills can be installed targeting the windsurf profile or loaded as project rules.

npx skills add https://github.com/SawyerHood/dev-browser --skill dev-browser -a windsurf -y

🎯 What It Does & How It Works

Gives the agent real browser automation—navigation, extraction, QA, and research in a live browser context via a local daemon + skill.

Core Operational Guidelines & Directives

▸Targeted Agent Instructions & System Directives
▸Pre-configured Best Practice Rules & Constraints
▸Domain-Specific Execution & Output Verification
▸Universal Multi-IDE Compatibility Specification
📦Sub-Skills & Architecture:

This skill is completely self-contained in SKILL.md. All workflows, constraints, and instructions are directly embedded in this single file, making it immediately usable with 1-click download.

⏱️ When to Use

E2E checks, scraping interactive sites, verifying UI behavior, research workflows that need a real DOM.

💡 Context from Repository & Architecture

Not just a markdown file—you need the dev-browser daemon running. Complements vercel-labs/agent-browser and Playwright-based skills. Skill folder: skills/dev-browser/.

⚡ Starter Prompt Template

Copy and paste this starter prompt into your AI assistant (Antigravity, Claude, Cursor, ChatGPT) to activate this skill:

Prompt TemplateClick button to copy formatted prompt
Act as an expert using the "Dev Browser" agent skill. Follow the specialized guidelines to accomplish the task according to best practices.

More in Engineering & Development

💻 Engineering & Development#6

Autoresearch

Autonomous iteration loop inspired by Karpathy’s autoresearch: modify → verify → keep or discard → repeat. Modes cover code, deployment, content, marketing, sales, research, and design.

#engineering#development#autoresearch
Agents:AntigravityClaudeCursorWindsurf
💻 Engineering & Development#7

Superpowers

Full software development methodology as composable skills: brainstorm → plan → TDD → subagent execution → code review. Bundles 14+ workflow skills.

#engineering#development#superpowers
Agents:AntigravityClaudeCursorWindsurf
💻 Engineering & Development#8

Repomix

Packs an entire repo into one AI-friendly file—or generates a structured Agent Skill from any codebase with --skill-generate.

#engineering#development#repomix
Agents:AntigravityClaudeCursorWindsurf
Copied to clipboard!