How does this skill improve Core Web Vitals?

The skill provides specific target thresholds and measurement techniques for LCP, INP, and CLS, helping developers identify exactly which metrics are failing and how to fix them.

Does it help with memory leaks?

Yes, it includes patterns for analyzing the DevTools Memory tab to identify growing heaps, retained references, and detached DOM nodes that cause performance degradation over time.

Can I automate performance testing with this skill?

Yes, it includes a lighthouse_audit.py script that can be executed via the command line to generate automated performance reports for any URL.

What kind of bundle analysis does it perform?

It guides the analysis of JavaScript chunks to find large dependencies, duplicate code, and unused exports, providing actionable steps like tree-shaking and route-based code splitting.

Web Performance Profiling

Name: Web Performance Profiling
Author: claudiodearaujo

byclaudiodearaujo

•

分析と監視

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

This skill equips Claude with a structured framework for diagnosing and resolving performance bottlenecks in web applications. It provides a comprehensive methodology for tracking Core Web Vitals—including LCP, INP, and CLS—alongside automated tools like Lighthouse for performance auditing. Whether you are analyzing JavaScript bundle sizes, hunting for memory leaks in the runtime, or implementing code-splitting strategies, this skill ensures a systematic approach of baseline measurement, identification, fixing, and validation to achieve peak application efficiency.

主な機能

01Automated Lighthouse performance audits via integrated Python scripts

02Runtime and memory profiling to detect UI blocking tasks and heap leaks

03Comprehensive Core Web Vitals tracking for LCP, INP, and CLS metrics

04Detailed bundle analysis to identify duplicate dependencies and tree-shaking opportunities

05Prioritized optimization checklists for images, caching, and asset compression

061 GitHub stars

ユースケース

01Optimizing JavaScript bundle sizes by identifying large dependencies and implementing code splitting

02Conducting automated performance audits during CI/CD or local development to prevent regressions

03Debugging user interaction delays (INP) by profiling long-running script executions

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