skills.rest
Dragoon0x
Dragoon0xCOMMUNITY
Explore all skills by this author →
Website𝕏@0xDragoonLabGitHub

perf

Detect frontend performance anti-patterns and rank Lighthouse audit fixes.

4|Updated Apr 11, 2026
Search Tags:#static analysis#lighthouse#web performance#bottleneck detection#performance audit#core web vitals#frontend optimization
One-click install
npx skills add https://github.com/Dragoon0x/dragoon-skills --skill perf-dragoon0x
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: perf
Source: https://github.com/Dragoon0x/dragoon-skills/tree/main/skills/perf
Command: npx skills add https://github.com/Dragoon0x/dragoon-skills --skill perf-dragoon0x

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) components.

What problem does it solve?

Manually identifying web performance issues like oversized images, missing image dimensions, unoptimized script tags, and parsing Lighthouse reports to prioritize fixes is time-consuming and often misses high-impact bottlenecks. This skill automates those checks to help you improve site speed, Core Web Vitals, and overall user experience.

Core Features & Use Cases

  • Static Performance Scanning: Automatically detects common performance anti-patterns including images larger than 500KB, missing image dimensions that cause cumulative layout shift, images below the fold without lazy loading, and synchronous script tags that block page parsing.
  • Lighthouse Report Analysis: Ingests Lighthouse JSON output to surface the highest-impact failing audits ranked by potential millisecond savings, along with Core Web Vitals scores and overall category performance ratings.
  • Use Case: Before pushing a new feature to production, run this skill to catch performance regressions early, or use it after generating a Lighthouse report to get a prioritized list of fixes that will deliver the biggest speed improvements.

Quick Start

Use the perf skill to run a static performance audit of your current project and analyze any Lighthouse JSON reports you have generated to prioritize high-impact performance fixes.

Frequently Asked Questions about perf

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

FAQPage Schema
How do I identify web performance bottlenecks in my frontend codebase?▼

Static performance scanning detects anti-patterns like images over 500KB, missing image dimensions causing layout shift, below-the-fold images without lazy loading, and synchronous script tags blocking page parsing.

How do I prioritize fixes from a Lighthouse report to improve Core Web Vitals?▼

Lighthouse report analysis ingests JSON output to surface failing audits ranked by potential millisecond savings, alongside Core Web Vitals scores and overall category performance ratings.

What causes cumulative layout shift and how can I catch it before launch?▼

Cumulative layout shift is frequently caused by missing image dimensions, which pre-launch static performance scanning catches automatically alongside oversized images and synchronous script tags.

Does this performance audit require any external dependencies to run?▼

No external dependencies are required; the performance audit runs standalone using internal scripts to execute static code scanning and parse Lighthouse JSON reports.

What is the best way to monitor web applications for performance regressions?▼

The best way to monitor for regressions is running ongoing performance audits that combine static frontend code scanning with structured Lighthouse JSON analysis to rank fixes by potential time savings.

Related Skills

Explore More Software Engineering Skills→
SlanyCukrSlanyCukr
2

Zod v4

Validate TypeScript data shapes with runtime and static type safety.

Community
Advanced
jangtrinhjangtrinh

web-perf

Analyze web performance gaps and optimize Core Web Vitals with Lighthouse.

Community
Intermediate
Exia-thdExia-thd

performance-engineer

Profile web applications and generate k6/Artillery load testing scripts.

Community
Advanced
pacphipacphi
14

Chrome DevTools

Debug web pages via Chrome DevTools MCP with performance, network, and DOM inspection.

Community
Advanced