web-perf

Analyze web performance metrics and identify optimization opportunities for page load speed.

1|Updated Feb 25, 2026
One-click install
npx skills add https://github.com/Kozmosa/MySCUT --skill web-perf-kozmosa
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-perf
Source: https://github.com/Kozmosa/MySCUT/tree/main/.agents/skills/web-perf
Command: npx skills add https://github.com/Kozmosa/MySCUT --skill web-perf-kozmosa

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill requires chrome-devtools-mcp.

What problem does it solve?

This Skill addresses the complexity of diagnosing web performance bottlenecks by providing a structured, automated audit process for Core Web Vitals and network efficiency.

Core Features & Use Cases

  • Performance Tracing: Executes automated Chrome DevTools traces to capture real-world loading metrics like LCP, INP, and CLS.
  • Network & Resource Analysis: Identifies render-blocking resources, inefficient dependency chains, and caching misconfigurations.
  • Use Case: Use this tool to audit a slow-loading landing page, identify the specific images or scripts causing layout shifts, and generate a prioritized list of optimization tasks.

Quick Start

Use the web-perf skill to run a full performance audit on the website at https://example.com.

Frequently Asked Questions about web-perf

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

FAQPage Schema
How do I audit web performance metrics for a slow-loading page?

To audit web performance metrics, this Skill executes automated Chrome DevTools traces to capture real-world loading metrics like LCP, INP, and CLS, identifying specific bottlenecks. It provides a structured process for diagnosing page load speed and rendering efficiency issues.

What's the best way to identify render-blocking resources causing layout shifts?

The best way to identify render-blocking resources is through network and resource analysis, which detects inefficient dependency chains and caching misconfigurations. This Skill automates that analysis to pinpoint the specific scripts or images causing layout shifts.

Do I need the chrome-devtools MCP server to run a Lighthouse score improvement audit?

Yes, you need the chrome-devtools MCP server to run a Lighthouse score improvement audit. This Skill requires the chrome-devtools MCP server to execute the performance traces and network analysis needed to identify optimization opportunities.

Can I use this to debug frontend resource loading and network efficiency?

Yes, you can use this to debug frontend resource loading and network efficiency. It analyzes dependency chains and caching misconfigurations, applying to frontend resource debugging to help you generate a prioritized list of optimization tasks.

How does automated performance tracing work for Core Web Vitals analysis?

Automated performance tracing for Core Web Vitals works by executing Chrome DevTools traces that capture real-world loading metrics like LCP, INP, and CLS. This mechanism replaces manual audits by systematically identifying optimization opportunities for page rendering.

What are the limitations of using DevTools traces for frontend resource debugging?

A limitation of using DevTools traces for frontend resource debugging is the dependency on the chrome-devtools MCP server. Without this specific environment setup, the Skill cannot execute the performance traces or network analysis required to diagnose bottlenecks.