Does it work on Linux and WSL?

Yes, the skill includes a dedicated install-deps.sh script that auto-detects your OS and installs the required system libraries for Chrome.

How does this skill handle large screenshots?

It includes automatic ImageMagick-powered compression to ensure screenshots stay under 5MB for compatibility with Claude and Gemini API limits.

Can I use this for web scraping?

Yes, the evaluate.js and snapshot.js scripts allow you to extract metadata and run custom JavaScript to scrape structured data from any page.

What performance metrics can I track?

The skill measures Core Web Vitals such as Largest Contentful Paint (LCP), First Input Delay (FID), and Cumulative Layout Shift (CLS), along with full network traces.

Can I chain multiple browser actions together?

Yes, by using the --close false flag, you can keep the browser session open across multiple commands to perform complex multi-step workflows.

Chrome DevTools Agent

Name: Chrome DevTools Agent
Author: lattice-technologies-inc

bylattice-technologies-inc

0•

Browser Automation

Automates browser interactions, captures screenshots, and analyzes web performance using a suite of Puppeteer-powered scripts.

The Chrome DevTools skill empowers Claude Code to perform comprehensive browser automation, debugging, and performance auditing through specialized Puppeteer scripts. It enables developers to navigate URLs, interact with page elements, monitor network traffic, and capture compressed screenshots for visual validation. By providing detailed JSON outputs for every action, it facilitates seamless integration into automated workflows, from web scraping and form testing to Core Web Vitals analysis and JavaScript execution in live page contexts.

Key Features

01Full browser automation including navigation, clicking, and form submission

02Scriptable JavaScript execution directly within the browser context

03Automatic screenshot capture with built-in ImageMagick compression for large pages

04Advanced performance analysis with Core Web Vitals tracking and network monitoring

050 GitHub stars

06Element discovery and metadata extraction via interactive page snapshots

Use Cases

01Automated E2E testing and UI validation of web applications

02Auditing web performance and monitoring console errors for production debugging

03Extracting structured data from complex websites via headless browser scraping

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add lattice-technologies-inc/harness-engineering chrome-devtools

For use in Claude.ai and ChatGPT

Download Skill