Does this skill maintain my login sessions?

Yes, it uses a mandatory persistent data directory located at ~/.claude/credentials/chrome to save cookies, local storage, and session states.

Can I use this for performance testing?

Absolutely. The skill includes specific tools to start performance traces, stop them, and generate detailed insights into Core Web Vitals and bottlenecks.

Can I use this skill to debug network errors?

Yes, you can list network requests, inspect headers and payloads, and monitor console messages to diagnose API failures or frontend errors.

How does Claude 'see' the web page?

Claude uses the 'take_snapshot' tool to view the accessibility tree and 'take_screenshot' for visual verification, allowing it to identify elements by unique IDs.

Is it possible to manage multiple tabs?

Yes, the skill provides tools to open new pages, list all active tabs, switch between them, and close specific pages as needed.

Chrome DevTools Automation

Name: Chrome DevTools Automation
Author: smorand

bysmorand

Automatización de Navegadores

Automates browser interactions, web debugging, and performance auditing through a persistent Chrome DevTools integration.

Acerca de

This skill empowers Claude with professional-grade browser control using Puppeteer and Chrome DevTools. It enables complex workflows including automated form submission, dynamic web scraping, and comprehensive performance analysis like Core Web Vitals auditing. Unlike standard browser tools, it maintains a persistent data directory, ensuring that login sessions, cookies, and extension data are preserved across sessions for seamless interaction with authenticated web applications.

Características Principales

Real-time network request monitoring and console log inspection
Visual debugging via screenshots and accessibility tree snapshots
0 GitHub stars
Persistent session management for saved logins and cookies
Advanced performance profiling and Core Web Vitals analysis
Comprehensive browser automation including clicks, forms, and drag-and-drop

Casos de Uso

Identifying and debugging performance bottlenecks and layout shifts
Scraping data from JavaScript-heavy websites that require authentication
Automating complex end-to-end testing workflows for web applications

Acerca de

Características Principales

Real-time network request monitoring and console log inspection
Visual debugging via screenshots and accessibility tree snapshots
0 GitHub stars
Persistent session management for saved logins and cookies
Advanced performance profiling and Core Web Vitals analysis
Comprehensive browser automation including clicks, forms, and drag-and-drop

Casos de Uso

Identifying and debugging performance bottlenecks and layout shifts
Scraping data from JavaScript-heavy websites that require authentication
Automating complex end-to-end testing workflows for web applications