Performance Profiler
A solid reference for tracking down performance issues across your stack. It covers the essentials: Core Web Vitals with Lighthouse, React DevTools profiling, bundle analysis for bloat, and Node.js CPU and memory debugging with tools like Clinic.js. The React optimization patterns are standard but well organized, from memoization to virtualization with react-window. The database section handles EXPLAIN ANALYZE and N+1 query fixes. What makes this useful is the quick wins checklist at the end. When your app is slow and you need to methodically work through possible causes, this gives you a decent roadmap without overthinking it.
- skills.sh installs
- 327
- GitHub stars
- 422
- last updated
- Aug 21, 2026
Install
$ npx -y skills add onewave-ai/claude-skills --skill performance-profiler --agent claude-codeInstalls into .claude/skills of the current project.
Files
Performance Profiler
Instructions
When profiling performance:
- Identify the bottleneck type: Network, rendering, memory, or compute
- Measure baseline before optimizing
- Profile with appropriate tools
- Apply optimizations
- Measure improvement
Web Performance
Core Web Vitals
# Lighthouse CLI
npx lighthouse https://yoursite.com --view
# With specific metrics
npx lighthouse https://yoursite.com --only-categories=performance
Target Metrics:
| Metric | Good | Needs Work | Poor |
|---|---|---|---|
| LCP (Largest Contentful Paint) | < 2.5s | 2.5-4s | > 4s |
| INP (Interaction to Next Paint) | < 200ms | 200-500ms | > 500ms |
| CLS (Cumulative Layout Shift) | < 0.1 | 0.1-0.25 | > 0.25 |
Bundle Analysis
# Next.js
ANALYZE=true npm run build
# Webpack
npx webpack-bundle-analyzer stats.json
# Vite
npx vite-bundle-visualizer
React Performance
React DevTools Profiler
- Install React DevTools browser extension
- Open DevTools → Profiler tab
- Click Record, interact with app, stop recording
- Analyze flame graph for slow components
Common React Optimizations
Sponsors
Promote your product hereReach 125k+ visitors monthlyPromote your product hereReach 125k+ visitors monthly
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any language
Agent CaffeineSponsoredClose your lid, come back to finished workSnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthlyWaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthlyknobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/onewave-ai/claude-skills
- Category
- Debugging
- First seen
- Jun 3, 2026
More from onewave-ai/claude-skills
All 108- Intent Signal Aggregator326
- Team Chemistry Evaluator326
- Practice Plan Creator325
- Deal Momentum Analyzer324
- Mvp Case Builder324
- Quota Setting Calculator324
- Scouting Report Builder324
- Sports Trivia Builder324
- Bracket Predictor323
- Sales Comp Plan Designer323
- Player Comparison Tool321
- Podcast To Content Suite321
- Weak Signal Synthesizer321
- Webinar To Content Multiplier321
- Athlete Social Media Manager319
- Trash Talk Generator319
- Dependency Auditor318
- Ramping Rep Tracker318
- Sports Meme Creator318
- Design System Generator317
- Post Game Press Conference Simulator315
- Sports Podcast Outline Generator315
- Territory Planning Optimizer315
- Api Endpoint Scaffolder312
Recommended
More Debugging1
axiom-performance-profilingcharleswiltgen/axiomUse when app feels slow, memory grows over time, battery drains fast, or you want to profile proactively - decision trees to choose the right Instruments tool, 185skills.sh installs
axiom-performance-profilingcharleswiltgen/axiomUse when app feels slow, memory grows over time, battery drains fast, or you want to profile proactively - decision trees to choose the right Instruments tool, 185skills.sh installs2
hyperpod-performance-debuggerawslabs/agent-pluginsDiagnose performance issues on Amazon SageMaker HyperPod clusters — uneven NCCL bandwidth across nodes and poor filesystem throughput. Read-only. Surfaces host-0skills.sh installs
hyperpod-performance-debuggerawslabs/agent-pluginsDiagnose performance issues on Amazon SageMaker HyperPod clusters — uneven NCCL bandwidth across nodes and poor filesystem throughput. Read-only. Surfaces host-0skills.sh installs3
memory-leak-debuggingchromedevtools/chrome-devtools-mcpDiagnoses and resolves memory leaks in JavaScript/Node.js applications. Use when a user reports high memory usage, OOM errors, or wants to capture, compare, or 3.5Kskills.sh installs
memory-leak-debuggingchromedevtools/chrome-devtools-mcpDiagnoses and resolves memory leaks in JavaScript/Node.js applications. Use when a user reports high memory usage, OOM errors, or wants to capture, compare, or 3.5Kskills.sh installs4
error-diagnostics-smart-debugsickn33/antigravity-awesome-skillserror diagnostics smart debug356skills.sh installs
error-diagnostics-smart-debugsickn33/antigravity-awesome-skillserror diagnostics smart debug356skills.sh installs5
performance-profilingdavila7/claude-code-templatesPerformance profiling principles. Measurement, analysis, and optimization techniques.349skills.sh installs
performance-profilingdavila7/claude-code-templatesPerformance profiling principles. Measurement, analysis, and optimization techniques.349skills.sh installs6error-debugging-error-tracesickn33/antigravity-awesome-skillserror debugging error trace281skills.sh installs
error-debugging-error-tracesickn33/antigravity-awesome-skillserror debugging error trace281skills.sh installs