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

0•

ブラウザ自動化

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

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.

主な機能

01Real-time network request monitoring and console log inspection

02Visual debugging via screenshots and accessibility tree snapshots

030 GitHub stars

04Persistent session management for saved logins and cookies

05Advanced performance profiling and Core Web Vitals analysis

06Comprehensive browser automation including clicks, forms, and drag-and-drop

ユースケース

01Identifying and debugging performance bottlenecks and layout shifts

02Scraping data from JavaScript-heavy websites that require authentication

03Automating complex end-to-end testing workflows for web applications

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add smorand/claude-config chrome-devtools

For use in Claude.ai and ChatGPT

Download Skill