network-request-inspector

Capture and analyze HTTP request/response lifecycles with headers and timing data.

1|Updated Jan 9, 2026
One-click install
npx skills add https://github.com/anouar1991/binaryPetsClaude --skill network-request-inspector
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: network-request-inspector
Source: https://github.com/anouar1991/binaryPetsClaude/tree/main/plugins/playwright-toolkit/skills/network-request-inspector
Command: npx skills add https://github.com/anouar1991/binaryPetsClaude --skill network-request-inspector

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Intercept and analyze the full HTTP request/response lifecycle for web pages, capturing headers, timings, status codes, and cross-origin details to diagnose performance and security issues.

Core Features & Use Cases

  • Intercept network traffic using CDP Network events to record request headers, response headers, timing breakdowns, redirects, and payload sizes.
  • Validate CORS and security headers across origins and identify potential misconfigurations affecting fetches and resource loads.
  • Produce per-domain analytics and end-to-end performance visibility, including DNS, TLS, and TTFB breakdowns for slow pages and failed requests.

Quick Start

Install the inspector, navigate to your target page, and review the collected network data.

Frequently Asked Questions about network-request-inspector

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

FAQPage Schema
How do I trace HTTP request headers and timing breakdowns for a slow web page?

To trace HTTP request headers and timing breakdowns for a slow web page, this Skill implements CDP Network listeners to capture the full request lifecycle, recording DNS, TLS, and TTFB metrics for end-to-end performance visibility.

What is the best way to validate CORS configurations across different origins?

The best way to validate CORS configurations is by capturing cross-origin details and security headers during network inspection, while also providing independent CORS verification via curl to identify potential misconfigurations affecting fetches.

Can I use Playwright to audit redirects and payload sizes for failed network requests?

Yes, you can use Playwright with this Skill to audit redirects and payload sizes for failed network requests, as it intercepts network traffic using CDP events to record response headers and payload sizes accurately.

How do I get per-domain network overhead analytics during browser debugging?

To get per-domain network overhead analytics during browser debugging, this Skill produces per-domain analytics by intercepting network traffic and integrating with the Performance API to provide end-to-end visibility.

Does network inspection via CDP work with the Performance API to diagnose security issues?

Network inspection via CDP works with the Performance API to diagnose security issues by capturing cross-origin details and validating security headers across origins, identifying potential misconfigurations affecting resource loads.