skills.rest
Sithabo
SithaboCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

web-perf

Audit Core Web Vitals and render-blocking resources for a target URL.

1|Updated Jan 24, 2026
Search Tags:#accessibility#mcp#chrome-devtools#web-performance#core-web-vitals#network-analysis#performance-audit
One-click install
npx skills add https://github.com/Sithabo/EdgeInsight --skill web-perf-sithabo
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-perf
Source: https://github.com/Sithabo/EdgeInsight/tree/main/skills/web-perf
Command: npx skills add https://github.com/Sithabo/EdgeInsight --skill web-perf-sithabo

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill helps teams quickly assess and optimize web page performance by diagnosing Core Web Vitals and related rendering, network, and accessibility issues.

Core Features & Use Cases

  • Core Web Vitals analysis: FCP, LCP, TBT, CLS, Speed Index
  • Identify render-blocking resources
  • Analyze network dependency chains
  • Detect layout shifts and caching issues
  • Accessibility gaps assessment
  • Use Case: When optimizing a site for Lighthouse scores or page speed, run a full MCP-based audit and implement the recommended fixes.

Quick Start

Audit a target URL with MCP tools to measure Core Web Vitals and prioritize performance fixes.

Frequently Asked Questions about web-perf

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

FAQPage Schema
How do I audit Core Web Vitals and render-blocking resources for a target URL?▼

You can audit Core Web Vitals by running an MCP-based trace against the target URL to measure FCP, LCP, TBT, CLS, and Speed Index while identifying render-blocking resources and network bottlenecks.

What's the best way to diagnose page speed bottlenecks and layout shifts in production?▼

The best way to diagnose page speed bottlenecks is to use an MCP-enabled Chrome DevTools environment to start traces, analyze network dependency chains, and detect caching issues causing layout shifts.

Do I need an MCP-enabled Chrome DevTools environment to run a performance audit?▼

Yes, you need an MCP-enabled Chrome DevTools environment. It provides the required commands to navigate pages, start traces, list network requests, and take accessibility snapshots for the audit.

Can I assess accessibility gaps during a web performance audit?▼

Yes, you can assess accessibility gaps during the audit. The skill takes accessibility snapshots alongside network analysis to help identify issues impacting both Lighthouse scores and user experience.

How does network analysis help optimize web performance at the edge?▼

Network analysis optimizes web performance by mapping network dependency chains and identifying render-blocking resources, allowing you to prioritize fixes that directly improve Core Web Vitals metrics.

Why does my web performance audit fail to capture Core Web Vitals metrics?▼

Your web performance audit may fail to capture Core Web Vitals if the MCP-enabled Chrome DevTools environment is not properly configured to navigate pages and initiate traces before measurement.

Related Skills

Explore More Software Engineering Skills→
CygnusfearCygnusfear
5

chrome-devtools

Control Chrome DevTools Protocol to automate browser interactions and capture console, network, and screenshots.

Community
Advanced
cloudflarecloudflare
2.6k

web-perf

Audit web performance and diagnose Core Web Vitals issues using Chrome DevTools MCP.

Official
Advanced
charl-krugercharl-kruger
5

web-perf

Measure Core Web Vitals and profile resource timing with Chrome DevTools MCP.

Community
Advanced
daveiodaveio

web-perf

Measure Core Web Vitals and detect render-blocking resources with Chrome DevTools MCP.

Community
Intermediate