Can it help reduce my JavaScript bundle size?

Yes, it includes guidelines for bundle analysis to find duplicate dependencies, unused code, and opportunities for code splitting and tree shaking.

How do I fix UI lag or 'jank' using this skill?

The skill provides patterns for Performance Tab analysis in DevTools to identify long tasks, layout thrashing, and rendering bottlenecks.

How does this skill help with Core Web Vitals?

It provides specific performance targets for LCP, INP, and CLS, along with a structured workflow to measure these metrics using Lighthouse and RUM data.

Does it support automated performance testing?

The skill includes support for executing Lighthouse audits via scripts, making it easy to generate automated baselines during development.

Performance Profiling & Optimization

Name: Performance Profiling & Optimization
Author: GrupoUS

byGrupoUS

分析と監視

Analyzes web application performance using Core Web Vitals, bundle inspection, and runtime profiling to identify and resolve bottlenecks.

概要

This skill equips Claude with a structured methodology for identifying and fixing performance regressions in modern web applications. It guides users through the full optimization lifecycle—from establishing baselines with Lighthouse audits to diagnosing memory leaks and bundle bloat—ensuring that applications meet strict Core Web Vitals targets. By following a 'measure, analyze, optimize' workflow, it helps developers eliminate UI jank, reduce load times, and implement high-impact fixes like code splitting and lazy loading.

主な機能

Runtime profiling strategies to eliminate UI blocking and long tasks
Core Web Vitals monitoring for LCP, INP, and CLS targets
0 GitHub stars
Automated Lighthouse performance auditing via integrated Python scripts
Memory leak identification using heap and detached DOM tree analysis
Detailed bundle analysis to detect duplicate code and bloated dependencies

ユースケース

Identifying and refactoring large JavaScript bundles to reduce Initial Load Time
Improving Lighthouse scores and Core Web Vitals for production-ready web apps
Debugging interaction latency and 'jank' in complex frontend interfaces

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add grupous/neondash performance-profiling

For use in Claude.ai and ChatGPT

Download Skill

GitHub

概要