Does this skill support modern JavaScript frameworks?

Absolutely. Since it uses a real Chrome browser instance, it fully supports SPAs built with React, Vue, Angular, and other modern frameworks.

Can I see what the browser is doing during a task?

Yes, the skill provides VNC access. You can connect with any VNC viewer to visually inspect the browser session in real-time.

Do I need Docker installed to use this skill?

Yes, this skill requires Docker Desktop to be running as it hosts the Chrome instance within a local container for secure, isolated debugging.

Is my data sent to a third-party service?

No. Unlike some MCP browser tools, this skill runs entirely on your local machine using Docker, keeping your debugging data and credentials private.

What are the system requirements?

You will need Docker, Ruby 2.7 or higher, and approximately 1GB of available RAM for the Chrome container.

Chrome DevTools Integration

Name: Chrome DevTools Integration
Author: arlenagreer

byarlenagreer

0•

브라우저 자동화

Enables deep browser inspection and manipulation using the Chrome DevTools Protocol within a local Docker environment.

This skill provides Claude with direct access to the Chrome DevTools Protocol (CDP) through a local Docker container, facilitating advanced web debugging, performance profiling, and network monitoring without external dependencies. It allows for complex tasks like capturing Core Web Vitals, executing JavaScript in-context, and taking screenshots, all while offering optional visual debugging through VNC. It is an essential tool for developers needing to automate browser-based workflows or troubleshoot intricate frontend issues directly within the Claude Code environment.

주요 기능

01Network traffic monitoring and request/response capture

02Full CDP access via a local Docker container

03Real-time JavaScript execution and DOM manipulation

04Performance profiling and Core Web Vitals metrics

05VNC support for visual debugging and manual inspection

060 GitHub stars

사용 사례

01Automating performance audits and capturing Core Web Vitals

02Extracting dynamic data from web pages using DOM inspection

03Debugging complex web application state and network requests

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add arlenagreer/claude_configuration_docs chrome-devtools

For use in Claude.ai and ChatGPT

Download Skill