How does it assist with JavaScript bundle bloat?

It provides a framework for bundle analysis that identifies large dependencies, duplicate code, and missing splits, recommending specific fixes like tree-shaking and route-based loading.

What is the recommended profiling workflow?

The skill follows a strict 4-step process: establish a baseline measurement, identify the specific bottleneck, apply a targeted fix, and validate the improvement with new metrics.

How does this skill help with Core Web Vitals?

It provides specific performance targets for LCP, INP, and CLS, alongside actionable strategies to move from 'Poor' to 'Good' ratings through targeted frontend improvements.

Can I run automated performance audits with this skill?

Yes, the skill includes documentation and scripts for executing automated Lighthouse audits via Python to generate detailed performance reports for any URL.

Performance Profiling & Optimization

Name: Performance Profiling & Optimization
Author: sickn33

bysickn33

•

31,722

•

分析と監視

Analyzes web application performance metrics and provides actionable optimization strategies for Core Web Vitals and runtime efficiency.

This skill equips Claude with a structured methodology for diagnosing and resolving performance bottlenecks in modern web applications. It provides a comprehensive framework for measuring Core Web Vitals—including LCP, INP, and CLS—while offering systematic workflows for bundle analysis, memory leak detection, and runtime profiling. By integrating automated Lighthouse audits and prioritizing high-impact 'quick wins' like code splitting and lazy loading, this skill ensures developers move beyond guesswork to deliver high-performance, production-ready codebases.

主な機能

01Detailed bundle analysis and tree-shaking strategies

02Step-by-step optimization workflow: Baseline, Identify, Fix, Validate

03Automated Lighthouse performance auditing scripts

04Runtime and memory diagnostic patterns for DevTools

0531,722 GitHub stars

06Core Web Vitals target tracking for LCP, INP, and CLS

ユースケース

01Debugging UI jank and interaction lag using runtime performance analysis

02Reducing application initial load times through code splitting and dependency auditing

03Improving Google Search rankings by optimizing Core Web Vitals metrics

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add sickn33/antigravity-awesome-skills performance-profiling

For use in Claude.ai and ChatGPT

主な機能

01Detailed bundle analysis and tree-shaking strategies

02Step-by-step optimization workflow: Baseline, Identify, Fix, Validate

03Automated Lighthouse performance auditing scripts

04Runtime and memory diagnostic patterns for DevTools

0531,722 GitHub stars

06Core Web Vitals target tracking for LCP, INP, and CLS

ユースケース

01Debugging UI jank and interaction lag using runtime performance analysis

02Reducing application initial load times through code splitting and dependency auditing

03Improving Google Search rankings by optimizing Core Web Vitals metrics

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add sickn33/antigravity-awesome-skills performance-profiling

For use in Claude.ai and ChatGPT