skills.rest
anolilab
anolilabOFFICIAL
Explore all skills by this author →
WebsiteGitHub

web-perf

Analyze Core Web Vitals and network audits to diagnose performance issues.

214|7|Updated May 29, 2026
Search Tags:#performance#optimization#audit#lighthouse#devtools#web-vitals
One-click install
npx skills add https://github.com/anolilab/lunora --skill web-perf-anolilab
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: web-perf
Source: https://github.com/anolilab/lunora/tree/main/.agents/skills/web-perf
Command: npx skills add https://github.com/anolilab/lunora --skill web-perf-anolilab

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This skill addresses the complexity of diagnosing web performance bottlenecks by automating the collection and analysis of Core Web Vitals and network dependency chains.

Core Features & Use Cases

  • Performance Auditing: Measures LCP, INP, CLS, and other critical metrics using Chrome DevTools.
  • Network Analysis: Identifies render-blocking resources and inefficient network dependency chains.
  • Accessibility & Codebase Review: Provides snapshots of accessibility gaps and identifies optimization opportunities in modern frontend frameworks like Vite, Next.js, and Astro.

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 Core Web Vitals like LCP, INP, and CLS for my web application?▼

You can audit Core Web Vitals like LCP, INP, and CLS by executing performance traces and network audits. This skill automates the collection of these metrics using Chrome DevTools to diagnose web performance bottlenecks.

How do I identify render-blocking resources and inefficient network dependency chains?▼

To identify render-blocking resources and inefficient network dependency chains, run a network analysis. This skill executes network audits via the chrome-devtools MCP server to pinpoint bottlenecks slowing down your modern web application.

Do I need the chrome-devtools MCP server configured to run a web performance audit?▼

Yes, you need the chrome-devtools MCP server configured to run a web performance audit. The skill requires this server to be set up for browser interaction and retrieving the trace data needed to measure Core Web Vitals.

Can I analyze web performance and accessibility gaps in Next.js, Vite, or Astro projects?▼

Yes, you can analyze web performance and accessibility gaps in Next.js, Vite, or Astro projects. The skill reviews modern frontend frameworks to provide snapshots of accessibility issues and identify optimization opportunities.

What is the best way to diagnose web performance bottlenecks and render-blocking resources?▼

The best way to diagnose web performance bottlenecks and render-blocking resources is automating collection with Chrome DevTools. This skill analyzes network dependency chains and measures critical metrics to find optimization opportunities.

Related Skills

Explore More Software Engineering Skills→
eric-sabeeric-sabe
1

chrome-devtools

Automate browser interactions and inspect live web pages via Chrome DevTools.

Community
Intermediate
nicholasgriffintnnicholasgriffintn
2

web-perf

Audit Core Web Vitals and blocking resources for web pages.

Community
Advanced
weebcoder101weebcoder101
3

frontend

Provide React frontend development guidelines for component architecture, state management, and TailwindCSS styling.

Community
Intermediate
charl-krugercharl-kruger
5

web-perf

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

Community
Advanced