web-perf

Analyze web performance data to surface actionable optimizations.

Updated Mar 15, 2026
One-click install
npx skills add https://github.com/kage1020/dotfiles --skill web-perf-kage1020
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: web-perf
Source: https://github.com/kage1020/dotfiles/tree/main/dot_claude/skills/web-perf
Command: npx skills add https://github.com/kage1020/dotfiles --skill web-perf-kage1020

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Analyze and optimize web performance by measuring Core Web Vitals, rendering bottlenecks, and resource dependencies to improve page speed and reliability.

Core Features & Use Cases

  • Measures Core Web Vitals (FCP, LCP, TBT, CLS, Speed Index) and flags bottlenecks.
  • Identifies render-blocking resources, network dependency chains, layout shifts, caching issues, and accessibility gaps.
  • Use cases include auditing, profiling, debugging, and optimizing page load performance, Lighthouse scores, or overall site speed.

Quick Start

Navigate to the target URL and start a performance trace to collect metrics and actionable insights.

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 identify render-blocking resources?

Run a performance trace on your target URL to measure Core Web Vitals like FCP, LCP, TBT, CLS, and Speed Index, which detects render-blocking resources, network dependencies, and layout shifts.

What causes layout shifts and caching issues during a web performance audit?

A web performance audit detects layout shifts and caching issues by measuring rendering bottlenecks and resource dependencies, flagging these specific problems alongside accessibility gaps to improve page speed and reliability.

Can I use this for continuous performance monitoring on dynamic web apps?

Yes, this is applicable for continuous performance monitoring on dynamic web apps. It measures Core Web Vitals and detects network dependency chains to maintain page speed and reliability over time.

How do I improve Lighthouse scores and debug page load performance?

Improve Lighthouse scores by profiling page load performance to identify bottlenecks. A performance trace highlights render-blocking resources and caching issues, providing actionable optimizations for better site speed.

Does web performance profiling work without external dependencies?

Web performance profiling works without external dependencies. It uses MCP tooling to measure Core Web Vitals and detect resource dependencies, applying a retrieval-first bias toward current documentation to surface actionable optimizations.