How does it handle runtime issues like memory leaks?

The skill provides analysis patterns for the DevTools Memory tab, helping users identify growing heaps, retained references, and detached DOM elements.

What are the priority 'Quick Wins' suggested by the skill?

It prioritizes high-impact actions like enabling compression, lazy loading images, and code-splitting routes to achieve immediate performance gains.

Can it help reduce my application's bundle size?

Yes, it provides specific workflows for identifying large dependencies, implementing code splitting, and enabling tree shaking to minimize JavaScript payloads.

Does this skill support automated auditing?

Yes, it includes runtime scripts like lighthouse_audit.py that can be executed via the Bash tool to generate automated performance reports.

How does this skill measure web performance?

It utilizes tools like Lighthouse audits and Chrome DevTools principles to track Core Web Vitals such as Largest Contentful Paint (LCP) and Interaction to Next Paint (INP).

Performance Profiling & Optimization

Name: Performance Profiling & Optimization
Author: claudiodearaujo

byclaudiodearaujo

•

Analytics & Monitoring

Analyzes and optimizes web application performance through systematic measurement, bundle analysis, and runtime bottleneck identification.

This skill provides a comprehensive framework for measuring, analyzing, and optimizing web performance. It guides Claude through a structured workflow—from establishing baselines with Lighthouse audits to identifying critical bottlenecks in JavaScript execution, bundle sizes, and memory management. By implementing best practices for Core Web Vitals (LCP, INP, CLS) and offering targeted optimization strategies for common issues like layout thrashing and large dependencies, it ensures web applications are fast, responsive, and resource-efficient.

Key Features

01Automated Lighthouse performance auditing scripts

02Core Web Vitals target tracking (LCP, INP, CLS)

03Comprehensive bundle analysis and code-splitting strategies

04Prioritized 'Quick Win' optimization action plans

051 GitHub stars

06Runtime performance and memory leak detection

Use Cases

01Debugging UI jank and interaction latency in complex JavaScript applications

02Optimizing slow-loading web pages to improve SEO rankings and user retention

03Reducing application bundle sizes to speed up initial page delivery

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add claudiodearaujo/sistema-de-narra-o-de-livro performance-profiling

For use in Claude.ai and ChatGPT

Key Features

01Automated Lighthouse performance auditing scripts

02Core Web Vitals target tracking (LCP, INP, CLS)

03Comprehensive bundle analysis and code-splitting strategies

04Prioritized 'Quick Win' optimization action plans

051 GitHub stars

06Runtime performance and memory leak detection

Use Cases

01Debugging UI jank and interaction latency in complex JavaScript applications

02Optimizing slow-loading web pages to improve SEO rankings and user retention

03Reducing application bundle sizes to speed up initial page delivery

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add claudiodearaujo/sistema-de-narra-o-de-livro performance-profiling

For use in Claude.ai and ChatGPT