skills.rest
d0whc3r
d0whc3rCOMMUNITY
Explore all skills by this author →
GitHub

web-perf

Analyze Core Web Vitals and resource bottlenecks using Chrome DevTools MCP.

Updated Mar 21, 2026
Search Tags:#audit#mcp#profiling#lighthouse#chrome-devtools#web-performance#core-web-vitals
One-click install
npx skills add https://github.com/d0whc3r/hackaton-cubepath --skill web-perf-d0whc3r
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-perf
Source: https://github.com/d0whc3r/hackaton-cubepath/tree/main/.agents/skills/web-perf
Command: npx skills add https://github.com/d0whc3r/hackaton-cubepath --skill web-perf-d0whc3r

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps developers diagnose and optimize web performance by analyzing Core Web Vitals, render-blocking resources, network dependencies, caching issues, and accessibility gaps, all using local tooling.

Core Features & Use Cases

  • Core Web Vitals analysis: FCP, LCP, TBT, CLS, and Speed Index with actionable insights.
  • Resource & network analysis: Identify render-blocking resources and dependency chains affecting load times.
  • Local tooling integration: Leverages Chrome DevTools MCP for offline, 100% local inference.
  • Use Case: Quickly audit a site to surface improvement recommendations and expected performance gains.

Quick Start

Run a web-page audit on a target URL to measure Core Web Vitals and surface actionable optimizations.

Frequently Asked Questions about web-perf

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

FAQPage Schema
How do I analyze Core Web Vitals locally for my web app?▼

Analyze Core Web Vitals locally by running a web-page audit on a target URL to measure FCP, LCP, TBT, CLS, and Speed Index metrics, surfacing actionable insights and expected performance gains.

What is the best way to identify render-blocking resources affecting page load speed?▼

Identifying render-blocking resources requires resource and network analysis to detect dependency chains affecting load times, allowing you to surface optimization recommendations for your web performance.

Can I use Chrome DevTools MCP for offline web performance profiling?▼

Yes, you can use Chrome DevTools MCP for offline web performance profiling, leveraging local tooling for 100% local inference to audit client-side web apps without external network dependencies.

Does web-perf require remote services to diagnose web performance bottlenecks?▼

No, web-perf leverages Chrome DevTools MCP for local tooling integration, enabling 100% local inference to diagnose caching issues, network dependencies, and accessibility gaps offline.

How do I audit a website to surface actionable web performance recommendations?▼

Audit a website by targeting a specific URL to diagnose Core Web Vitals, render-blocking resources, and caching issues, which quickly surfaces improvement recommendations and expected performance gains.

Why does my site have a high Largest Contentful Paint and how do I debug it?▼

Debug a high Largest Contentful Paint by diagnosing Core Web Vitals and resource bottlenecks, analyzing network dependencies and render-blocking resources to surface actionable optimization recommendations.

Related Skills

Explore More Software Engineering Skills→
henkisdabrohenkisdabro
77

devtools

Automate Chrome remote debugging setup and launch via chrome-devtools-mcp.

Community
Advanced
DanialHaseebDanialHaseeb

optimize

Diagnose and fix UI performance issues across loading, rendering, animations, images, and bundle size.

Community
Advanced
manastalukdarmanastalukdar
1

canary

Poll logs, error rates, and endpoints to verify post-deployment health.

Community
Advanced
ManzuetiManzueti

benchmark

Capture and compare browser performance metrics to detect regressions and track trends.

Community
Advanced