github avatar

Chrome Devtools

Chrome DevTools Agent enables developers and QA engineers to automate browser interactions, debug web applications, and analyze performance through Chrome DevTools Protocol. It provides tools for navigation, element interaction, visual inspection, JavaScript evaluation, network analysis, and performance profiling—addressing the need for programmatic control over browser behavior and comprehensive debugging capabilities without manual intervention.

skills.sh installs
15.4K
GitHub stars
41K
last updated
Aug 21, 2026

Install

$ npx -y skills add github/awesome-copilot --skill chrome-devtools --agent claude-code

Installs into .claude/skills of the current project.

Files

Chrome DevTools Agent

Overview

A specialized skill for controlling and inspecting a live Chrome browser. This skill leverages the chrome-devtools MCP server to perform a wide range of browser-related tasks, from simple navigation to complex performance profiling.

When to Use

Use this skill when:

  • Browser Automation: Navigating pages, clicking elements, filling forms, and handling dialogs.
  • Visual Inspection: Taking screenshots or text snapshots of web pages.
  • Debugging: Inspecting console messages, evaluating JavaScript in the page context, and analyzing network requests.
  • Performance Analysis: Recording and analyzing performance traces to identify bottlenecks and Core Web Vital issues.
  • Emulation: Resizing the viewport or emulating network/CPU conditions.

Tool Categories

1. Navigation & Page Management

  • new_page: Open a new tab/page.
  • navigate_page: Go to a specific URL, reload, or navigate history.
  • select_page: Switch context between open pages.
  • list_pages: See all open pages and their IDs.
  • close_page: Close a specific page.
  • wait_for: Wait for specific text to appear on the page.

2. Input & Interaction

Sponsors

Details

Repository
github.com/github/awesome-copilot
Categories
Git & Pull Requests, AI & Agent Building, Debugging, Automation & Workflows, Marketing & SEO

More from github/awesome-copilot

All 318
1github avatarmicrosoft-docsgithub/awesome-copilotQuery official Microsoft documentation to find concepts, tutorials, and code examples across Azure, .NET, Agent Framework, Aspire, VS Code, GitHub, and more. Us15Kskills.sh installs
2github avatarplaywright-explore-websitegithub/awesome-copilotWebsite exploration for testing using Playwright MCP14.8Kskills.sh installs
3github avatarazure-devops-cligithub/awesome-copilotManage Azure DevOps resources via CLI including projects, repos, pipelines, builds, pull requests, work items, artifacts, and service endpoints. Use when workin14.8Kskills.sh installs
4github avatarjavascript-typescript-jestgithub/awesome-copilotBest practices for writing JavaScript/TypeScript tests using Jest, including mocking strategies, test structure, and common patterns.14.5Kskills.sh installs
5github avatarnuget-managergithub/awesome-copilotManage NuGet packages in .NET projects/solutions. Use this skill when adding, removing, or updating NuGet package versions. It enforces using `dotnet` CLI for p14.5Kskills.sh installs
6github avatarmicrosoft-code-referencegithub/awesome-copilotLook up Microsoft API references, find working code samples, and verify SDK code is correct. Use when working with Azure SDKs, .NET libraries, or Microsoft APIs14.4Kskills.sh installs