Chrome DevTools Agent

关于

Empower Claude with a comprehensive browser automation toolkit designed for web scraping, automated testing, and performance debugging. This skill leverages Puppeteer to navigate websites, interact with UI elements, and capture screenshots with built-in ImageMagick compression to ensure compatibility with file size limits. Beyond simple automation, it provides deep insights into web applications by monitoring network traffic, tracking console errors, and auditing Core Web Vitals, making it an essential utility for developers troubleshooting complex frontend issues or automating repetitive web-based workflows.

主要功能

• Comprehensive browser automation including navigation, clicking, and form filling
• Detailed performance analysis and Core Web Vitals measurement
• 1 GitHub stars
• Real-time monitoring of console messages and network traffic
• High-resolution screenshot capture with automatic smart compression
• Element discovery and metadata extraction via interactive snapshots

使用场景

• Debugging production website issues by analyzing network requests and console errors
• Automating complex multi-step web workflows and form submissions
• Capturing and compressing visual page states for documentation or UI testing