How does Dev Browser maintain state between commands?

The browser server runs as a background process, allowing pages and sessions to persist even after an individual script finishes executing, enabling multi-step workflows.

Is visual debugging supported?

Yes, the skill includes built-in screenshot commands that allow you to capture the current state of any page for visual verification and debugging.

Do I need to be an expert in Puppeteer or Playwright to use this?

No, you can use simple natural language triggers like 'go to URL' or 'take a screenshot', and Claude will handle the underlying script generation for you.

Can I use Dev Browser with my existing Chrome login sessions?

Yes, by using 'Extension Mode' and the relay server, the skill can connect directly to your active Chrome browser instance.

How does the skill handle finding elements on complex pages?

It uses getAISnapshot() to generate a YAML-formatted accessibility tree, allowing Claude to identify and interact with elements using semantic references rather than brittle CSS selectors.

Dev Browser

Name: Dev Browser
Author: UtsavBalar1231

byUtsavBalar1231

•

浏览器自动化

Automates browser interactions with persistent session state for web scraping, testing, and complex workflow automation.

Dev Browser is a high-performance browser automation skill for Claude Code that maintains persistent page state across multiple script executions. It allows developers to perform complex, multi-step web tasks—such as authenticated form filling, dynamic data extraction, and E2E testing—by writing small, incremental TypeScript scripts. With support for both standalone Chromium instances and a Chrome Extension relay for existing user sessions, it leverages ARIA snapshots for intelligent element discovery and provides visual feedback through integrated screenshot capabilities.

主要功能

01Persistent page state preservation across sequential script executions

021 GitHub stars

03Dual-mode execution: Standalone Chromium or Chrome Extension relay

04Built-in screenshot and page load management for visual debugging

05ARIA Snapshot technology for robust, semantic element discovery and selection

06Incremental workflow automation via small, focused TypeScript scripts

使用场景

01Automating multi-step web workflows and repetitive data entry tasks

02Performing end-to-end (E2E) web application testing from the command line

03Extracting structured data from dynamic, JavaScript-heavy websites

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add utsavbalar1231/oh-my-claudeagent dev-browser

For use in Claude.ai and ChatGPT

主要功能

01Persistent page state preservation across sequential script executions

021 GitHub stars

03Dual-mode execution: Standalone Chromium or Chrome Extension relay

04Built-in screenshot and page load management for visual debugging

05ARIA Snapshot technology for robust, semantic element discovery and selection

06Incremental workflow automation via small, focused TypeScript scripts

使用场景

01Automating multi-step web workflows and repetitive data entry tasks

02Performing end-to-end (E2E) web application testing from the command line

03Extracting structured data from dynamic, JavaScript-heavy websites

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add utsavbalar1231/oh-my-claudeagent dev-browser

For use in Claude.ai and ChatGPT