Can it detect hidden redirect chains?

Yes, it monitors Network.requestWillBeSent events to trace the complete path of redirects, identifying every hop and its status code.

How does it help with performance optimization?

It provides a detailed timing breakdown including DNS lookup, TLS handshake, and TTFB, allowing you to identify exactly where a request is slowing down.

Does this skill require a specific browser?

Yes, a Chromium-based browser is required because the skill relies on the Chrome DevTools Protocol (CDP) to capture detailed network timing data.

Can I use this to debug CORS issues?

Absolutely. It analyzes Access-Control headers on cross-origin requests and can even run independent curl commands to verify server configuration.

Does it track total page weight?

Yes, it calculates the total transfer size across all resources and provides a per-domain breakdown of payload sizes.

Network Request Inspector

Name: Network Request Inspector
Author: anouar1991

byanouar1991

•

浏览器自动化

Analyzes the complete HTTP request and response lifecycle to debug performance, security, and network issues within a browser environment.

The Network Request Inspector is a specialized tool for Claude Code that provides deep visibility into web application network activity. By leveraging the Chrome DevTools Protocol (CDP) and the browser Performance API, it captures detailed timing breakdowns for DNS, TLS, and TTFB, validates CORS headers, and traces complex redirect chains. This skill is indispensable for developers who need to diagnose slow page loads, investigate failed API calls, or perform comprehensive security audits on cross-origin resource sharing and security headers directly through Playwright automation.

主要功能

01Deep CORS validation for cross-origin requests with secondary curl-based verification.

02Automated redirect chain analysis to identify and eliminate latency-inducing hops.

03Full HTTP lifecycle interception including granular timing breakdowns for DNS, TCP, and TLS.

04Payload size auditing to identify oversized resources and optimize transfer efficiency.

051 GitHub stars

06Performance API integration for server-side timing data and decoded body metrics.

使用场景

01Auditing security headers and CORS configurations for production-readiness.

02Debugging high Time to First Byte (TTFB) or DNS latency in complex web applications.

03Investigating 401/403/500 errors by inspecting headers and response bodies.

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add anouar1991/binarypetsclaude network-request-inspector

For use in Claude.ai and ChatGPT

Download Skill