chrome-devtools

Automate browser tasks with Puppeteer CLI scripts for navigation, screenshots, and performance analysis.

24|3|Updated Jan 30, 2026
One-click install
npx skills add https://github.com/VoDaiLocz/kilo-kit-mcp --skill chrome-devtools-vodailocz
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: chrome-devtools
Source: https://github.com/VoDaiLocz/kilo-kit-mcp/tree/main/skills/operations/chrome-devtools
Command: npx skills add https://github.com/VoDaiLocz/kilo-kit-mcp --skill chrome-devtools-vodailocz

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires puppeteer, and includes scripts (resource) and references (resource) and assets (resource) components.

What problem does it solve?

This Skill automates browser tasks such as navigation, screenshot capture, performance analysis, and web scraping using Puppeteer scripts, significantly reducing manual effort and speeding up workflows.

Core Features & Use Cases

  • Browser Automation: Execute scripts to navigate to URLs, take screenshots, analyze performance, monitor network traffic, scrape web content, and perform form automation.
  • Performance Analysis: Measure Core Web Vitals and record performance traces.
  • Use Case: Imagine you need to analyze the performance of a web application. This Skill can automate the process of capturing screenshots, measuring load times, and monitoring network requests to help identify performance bottlenecks.

Quick Start

Use the chrome-devtools skill to navigate to a URL and take a screenshot: chrome-devtools navigate --url https://example.com --output screenshot.png

Frequently Asked Questions about chrome-devtools

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I automate browser tasks like taking screenshots and web scraping?

You can automate browser tasks by executing Puppeteer CLI scripts to navigate to URLs, capture screenshots, monitor network traffic, and scrape web content without manual effort.

How do I measure Core Web Vitals and record performance traces for a web application?

You can measure Core Web Vitals and record performance traces by running browser automation scripts that analyze load times and monitor network requests to identify performance bottlenecks.

Do I need Puppeteer installed to control browser instances for debugging?

Yes, you need Puppeteer installed as a dependency because this Skill requires Puppeteer to control browser instances and execute debugging and performance analysis scripts.

What's the best way to capture a screenshot from a specific URL using browser automation?

The best way to capture a screenshot is by using the Puppeteer CLI to navigate to a target URL and save the output directly to an image file, automating the entire capture process.

Can I automate form submission and monitor network traffic during web automation?

Yes, this Skill supports form automation and network traffic monitoring simultaneously while executing Puppeteer scripts for comprehensive web automation workflows.

Why does browser automation fail when analyzing web application performance?

Browser automation may fail if the Puppeteer dependency is missing or improperly configured, preventing the Skill from controlling browser instances to run performance analysis scripts.