Can I automate performance audits with this skill?

Yes, it includes scripts like lighthouse_audit.py that can be executed to generate automated performance reports for any URL.

What is the recommended profiling workflow?

The skill follows a strict 4-step process: establish a Baseline, Identify the bottleneck, apply a targeted Fix, and Validate the improvement.

What metrics does this skill help monitor?

The skill focuses on Core Web Vitals, specifically Largest Contentful Paint (LCP) for loading, Interaction to Next Paint (INP) for interactivity, and Cumulative Layout Shift (CLS) for visual stability.

Does it support memory leak detection?

Yes, the skill includes specific analysis patterns for the Memory tab, helping you identify growing heaps, retained references, and detached DOM elements.

How does it help with large JavaScript files?

It provides a bundle analysis framework to identify large dependencies, duplicate code, and missing code-splitting opportunities to reduce the main thread load.

Performance Profiling

Name: Performance Profiling
Author: claudiodearaujo

byclaudiodearaujo

•

分析と監視

Measures, analyzes, and optimizes web application performance using Core Web Vitals and advanced profiling techniques.

This skill enables Claude to systematically improve software performance through a disciplined 'Measure, Analyze, Optimize' workflow. It provides deep technical guidance on monitoring Core Web Vitals, performing bundle analysis to reduce weight, and using browser DevTools for runtime and memory profiling. By identifying specific bottlenecks like long tasks, layout thrashing, and memory leaks, the skill helps developers move from guessing to data-driven optimizations that improve real-world user experience and application stability.

主な機能

011 GitHub stars

02Core Web Vitals monitoring for LCP, INP, and CLS targets

03Runtime and memory profiling patterns to detect UI jank and leaks

04Comprehensive bundle analysis to identify bloat and duplicate dependencies

05Prioritized optimization roadmap for quick wins and high-impact changes

06Automated Lighthouse performance auditing via integrated scripts

ユースケース

01Reducing JavaScript bundle sizes through strategic code splitting and tree shaking

02Diagnosing and fixing interaction latency and UI blocking during complex tasks

03Improving Lighthouse scores and search engine rankings for web applications

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

Download Skill