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.

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

01Direct Chrome control via DevTools Protocol (CDP) with zero dependencies

02Persistent browser profiles for maintaining authenticated sessions and cookies

03Toggleable headless and headed modes for debugging and visual verification

04Multi-tab management including creation, switching, and closing

05Content extraction in Markdown, HTML, and text formats with CSS selector support

06103 GitHub stars

Use Cases

01Scraping data from dynamic, JavaScript-heavy websites for analysis

02Automating multi-step form submissions and complex login flows

03Debugging web application UI behavior and rendering in a live browser

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add obra/superpowers-chrome browsing

For use in Claude.ai and ChatGPT

Download Skill