dev-browser
Browser automation with persistent page state. Use when users ask to navigate websites, fill forms, take screenshots, extract web data, test web apps, 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", or any browser interaction request.
Best for Web automation workflowsWorks with GitHub
⌘source
- author
@code-yeongyu- language
- TypeScript
★53kstars
4.2kforks
Apr 18, 2026
✦overview.md
Key Features
- ·Maintains page state across script executions
- ·Two modes: standalone and extension
- ·getAISnapshot() for unknown page layouts
- ·Visual feedback via screenshots
- ·Write focused scripts for incremental tasks
Use Cases
- →Automating form filling on websites
- →Testing web application workflows
- →Extracting data from web pages
- →Taking screenshots for visual verification
- →Automating browser-based repetitive tasks
Best for
- ✓Web automation workflows
- ✓Testing teams
- ✓Data extraction tasks
Not ideal for
- !Simple one-time browser tasks
- !Non-web automation needs
FAQs
name
dev-browser
description
Browser automation with persistent page state. Use when users ask to navigate websites, fill forms, take screenshots, extract web data, test web apps, 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", or any browser interaction request.
Dev Browser Skill
Browser automation that maintains page state across script executions. Write small, focused scripts to accomplish tasks incrementally. Once you've proven out part of a workflow and there is repeated work to be done, you can write a script to do the repeated work in a single execution.
Choosing Your Approach
- Local/source-available sites: Read the source code first to write selectors directly
- Unknown page layouts: Use
getAISnapshot()to discover elements andselectSnapshotRef()to interact with them - Visual feedback: Take screenshots to see what the user sees
Setup
Installation: See references/installation.md for detailed setup instructions including Windows support.
Two modes available. Ask the user if unclear which to use.
Standalone Mode (Default)
Launches a new Chromium browser for fresh automation sessions.
./skills/dev-browser/server.sh &
Add --headless flag if user requests it. Wait for the Ready message before running scripts.
Extension Mode
Connects to user's existing Chrome browser. Use this when:
$install
1-click copynpx skills add code-yeongyu/oh-my-openagent --skill dev-browserSafety assessment
★
Clarity score
How clear and easy to understand the SKILL.md instructions are, rated from 1 to 5.
4/ 5
very goodClear and well structured, with only minor parts that might need a second read.
◎
Actionability score
How directly an agent can act on the SKILL.md instructions, rated from 1 to 5.
4/ 5
highMostly actionable with clear steps; only a few small gaps remain.