Skills
.Work. You
Rest

devtools

Community

Debug & automate browsers with CDP.

Software Engineering#testing#debugging#browser automation#web scraping#devtools#playwright#cdp
Authorsanand0
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill empowers users to efficiently debug, test, and automate browser tasks using the Chrome DevTools Protocol (CDP), streamlining web development workflows and enabling advanced browser interactions without manual intervention.

Core Features & Use Cases

  • Comprehensive Debugging: Inspect DOM, cookies, storage, network requests, and execute JavaScript, providing deep insights into web application behavior.
  • Browser Automation: Navigate, fill forms, print to PDF, and scrape web content programmatically, automating repetitive tasks.
  • Performance & Auditing: Monitor performance, audit accessibility (Lighthouse, axe-core), and emulate various devices, screen sizes, and network conditions.
  • Use Case: Automate testing of a web application by taking screenshots at critical steps, intercepting network requests to mock responses, and logging console output for detailed debugging, ensuring robust and reliable web applications.

Quick Start

Use CDP to open 'https://example.com', take a full-page screenshot, and log all console messages.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: devtools
Download link: https://github.com/sanand0/scripts/archive/main.zip#devtools

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 223,000+ vetted skills library on demand.