Can this skill help reduce my application's bundle size?

Yes, it provides specific strategies for bundle analysis to find large dependencies, duplicate code, and opportunities for code splitting and tree-shaking.

What performance metrics does this skill prioritize?

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

Does it support automated performance testing?

Yes, the skill includes runtime scripts for automated Lighthouse audits that can be integrated into your development or CI/CD workflow.

How does it handle runtime performance issues?

It uses a structured profiling workflow to identify long tasks, layout thrashing, and rendering bottlenecks using the browser's performance and memory tools.

Performance Profiling

Name: Performance Profiling
Author: claudiodearaujo

byclaudiodearaujo

분석 및 모니터링

Analyzes and optimizes application performance using Core Web Vitals, bundle analysis, and runtime profiling techniques.

소개

This skill provides a comprehensive framework for identifying and resolving software bottlenecks through a structured measure-analyze-optimize workflow. It enables Claude to perform automated Lighthouse audits, track Core Web Vitals like LCP and INP, and conduct deep-dives into bundle sizes and memory leaks. By leveraging industry-standard patterns and diagnostic tools, this skill ensures that performance improvements are data-driven and targeted toward the highest-impact issues.

주요 기능

Runtime profiling for detecting UI-blocking tasks and rendering lag
0 GitHub stars
Automated Lighthouse performance audits via Python scripts
Memory heap analysis to locate and resolve memory leaks
Detailed bundle analysis to identify duplicate or unused code
Core Web Vitals tracking for LCP, INP, and CLS metrics

사용 사례

Identifying and fixing slow page loads and rendering jank in web apps
Reducing JavaScript bundle sizes through tree-shaking and code splitting
Debugging interactivity issues and memory growth in production environments

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add claudiodearaujo/izacenter performance-profiling

For use in Claude.ai and ChatGPT

Download Skill

GitHub

소개