Can I use this skill with my existing Chrome login sessions?

Yes, by using 'Extension Mode,' you can connect the skill to your actual Chrome browser, enabling Claude to perform tasks within your already authenticated web accounts.

What tools are used under the hood for automation?

Dev Browser is built on Playwright and TypeScript, providing a robust and industry-standard foundation for reliable browser control and interaction.

How does Claude identify buttons and links on a webpage?

The skill utilizes ARIA snapshots to generate a YAML-formatted accessibility tree, giving Claude a clear map of interactive elements and their unique references.

Does Dev Browser maintain page state between commands?

Yes, page state persists across multiple script executions, allowing Claude to perform incremental tasks like logging in and then navigating without losing the session.

Is it possible to take screenshots for debugging?

Absolutely. You can request both standard and full-page screenshots at any point in the workflow to verify the current state of the browser visually.

Dev Browser

Name: Dev Browser
Author: SawyerHood

bySawyerHood

•

2,269

브라우저 자동화

Empowers Claude with persistent browser automation to navigate websites, automate workflows, and extract web data.

소개

Dev Browser is a specialized Claude Code skill that grants AI agents full browser interaction capabilities through a persistent Chromium environment. It allows Claude to perform complex, multi-step tasks like form filling, UI testing, and data extraction by maintaining page state across script executions. Supporting both standalone and browser-extension modes, it provides sophisticated element discovery via ARIA snapshots and visual feedback through screenshots, making it ideal for automating repetitive web-based workflows or testing authenticated user experiences directly within the agent's workflow.

주요 기능

Advanced element discovery using ARIA snapshots and ref-based interaction
Dual-mode support: Standalone Chromium or Chrome Extension integration
High-resolution screenshot capture for visual feedback and debugging
2,269 GitHub stars
Network request interception for high-performance web scraping
Persistent page state across multiple script executions

사용 사례

Automating authenticated workflows behind logins using existing browser sessions
Automated end-to-end testing and visual website monitoring
Extracting structured data from complex or paginated websites

소개

주요 기능

Advanced element discovery using ARIA snapshots and ref-based interaction
Dual-mode support: Standalone Chromium or Chrome Extension integration
High-resolution screenshot capture for visual feedback and debugging
2,269 GitHub stars
Network request interception for high-performance web scraping
Persistent page state across multiple script executions

사용 사례

Automating authenticated workflows behind logins using existing browser sessions
Automated end-to-end testing and visual website monitoring
Extracting structured data from complex or paginated websites