skills.rest
oddship
oddshipOFFICIAL
Explore all skills by this author →
WebsiteGitHub

cdp-browser

Control Chromium browsers via Chrome DevTools Protocol for automation and testing.

3|Updated Feb 24, 2026
Search Tags:#typescript#debugging#browser automation#web testing#cdp#visual review
One-click install
npx skills add https://github.com/oddship/bosun --skill cdp-browser
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: cdp-browser
Source: https://github.com/oddship/bosun/tree/main/.pi/skills/cdp-browser
Command: npx skills add https://github.com/oddship/bosun --skill cdp-browser

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill automates browser interactions and visual reviews, streamlining web testing, scraping, and debugging tasks without manual intervention.

Core Features & Use Cases

  • Automated Browser Control: Navigate, click, fill forms, and take screenshots programmatically.
  • Visual Review & Auditing: Automatically check for visual regressions, overflow issues, and inline styles across different devices.
  • Debugging: Capture console logs, network requests, and JavaScript errors for faster troubleshooting.
  • Use Case: Automatically test your website's responsiveness by taking screenshots on mobile, tablet, and desktop viewports, then flagging any layout shifts or errors.

Quick Start

Use the cdp-browser skill to take a screenshot of example.com and save it to workspace/scratch/page.png.

Frequently Asked Questions about cdp-browser

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

FAQPage Schema
How do I automate browser navigation and take screenshots using CDP?▼

Yes, you can capture console logs, network requests, and JavaScript errors for debugging. CDP browser automation intercepts these runtime events to streamline troubleshooting and accelerate identifying web application issues.

Do I need a running Chromium instance to use Chrome DevTools Protocol for web testing?▼

Yes, you need a running Chromium instance with remote debugging enabled to use Chrome DevTools Protocol for web testing. This prerequisite allows the programmatic connection required for viewport emulation and interaction automation.

How does CDP handle visual review and responsiveness testing for different devices?▼

CDP handles visual review by emulating mobile, tablet, and desktop viewports to capture screenshots across devices. It automatically flags layout shifts, overflow issues, and inline styles to audit visual regressions.

What is the best way to detect layout shifts and overflow issues during web testing?▼

The best way to detect layout shifts and overflow issues is through automated visual auditing via CDP. This approach programmatically captures page states and flags rendering errors across emulated viewports for faster troubleshooting.

Related Skills

Explore More Software Engineering Skills→
GraffiohGraffioh

web-browser

Automate Chrome browser interactions via the Chrome DevTools Protocol.

Community
Advanced
BradliebsBradliebs

canary

Monitor live web apps for console errors, performance regressions, and visual anomalies.

Community
Advanced
afonsoftafonsoft
1

chrome-devtools

Automate browser control, debugging, and performance analysis via Chrome DevTools MCP.

Community
Advanced
simotasimota
68

Navigator

Automate browser interactions with Playwright and Chrome DevTools Protocol.

Community
Advanced