How does this differ from the Playwright MCP?

While Playwright offers high-level abstractions for fresh browser instances, this skill uses the DevTools Protocol for direct control of existing sessions, making it superior for managing authenticated profiles and persistent tabs.

Can I see the browser while it is working?

Yes, you can use the show_browser action to switch to headed mode, which makes the browser window visible for debugging or demonstration purposes.

Can I execute custom JavaScript on the page?

Yes, the eval action allows you to run arbitrary JavaScript code directly in the browser's context and retrieve the results as JSON.

Can I capture screenshots of specific elements?

Yes, the screenshot action allows you to specify a CSS selector to capture only a specific part of the page, or you can capture the entire viewport.

Does it support logged-in sessions?

Yes, it supports persistent browser profiles that store cookies, localStorage, and session data across restarts, allowing Claude to interact with authenticated sites.

Chrome Direct Browser Control

Name: Chrome Direct Browser Control
Author: obra

byobra

•

103

Browser Automation

Automates Chrome browser sessions via the DevTools Protocol to perform complex web interactions, content extraction, and multi-tab management directly within Claude Code.

About

This skill provides Claude with direct, low-level control over Google Chrome using the Chrome DevTools Protocol (CDP). Unlike high-level abstractions, it allows for managing authenticated sessions through persistent profiles, controlling multiple tabs simultaneously, and switching between headless and headed modes. It is an essential tool for developers who need to automate form submissions, extract markdown or HTML from specific page elements, capture screenshots, and execute custom JavaScript within the browser context without the overhead of external automation frameworks.

Key Features

Direct Chrome control via DevTools Protocol (CDP) with zero dependencies
Persistent browser profiles for maintaining authenticated sessions and cookies
Toggleable headless and headed modes for debugging and visual verification
Multi-tab management including creation, switching, and closing
Content extraction in Markdown, HTML, and text formats with CSS selector support
103 GitHub stars

Use Cases

Scraping data from dynamic, JavaScript-heavy websites for analysis
Automating multi-step form submissions and complex login flows
Debugging web application UI behavior and rendering in a live browser

About

Key Features

Direct Chrome control via DevTools Protocol (CDP) with zero dependencies
Persistent browser profiles for maintaining authenticated sessions and cookies
Toggleable headless and headed modes for debugging and visual verification
Multi-tab management including creation, switching, and closing
Content extraction in Markdown, HTML, and text formats with CSS selector support
103 GitHub stars

Use Cases

Scraping data from dynamic, JavaScript-heavy websites for analysis
Automating multi-step form submissions and complex login flows
Debugging web application UI behavior and rendering in a live browser