Agent skill · data analytics · onewave-ai
performance-profiler
Profile and optimize application performance including load times, memory usage, and rendering. Use when debugging slow performance, memory leaks, or optimizing app speed.
Why this skill is useful
Provides specific profiling commands and optimization techniques for various application types that the AI wouldn't reliably generate on its own.
What it needs
Requires clinic, lighthouse, vite, webpack installed locally. About 2k tokens when loaded. Last updated 2026-07-15. 242 stars on the source repository.
What this skill does
Performance Profiler Instructions When profiling performance: 1. Identify the bottleneck type: Network, rendering, memory, or compute 2. Measure baseline before optimizing 3. Profile with appropriate tools 4. Apply optimizations 5. Measure improvement Web Performance Core Web Vitals 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 React Performance React DevTools Profiler 1. Install React DevTools browser extension 2. Open DevTools → Profiler tab 3. Click Record, interact with app, stop recording 4. Analyze flame graph for slow components Common React Optimizations Node.js Performance Profiling Memory Leak Detection Database Performance Query Optimization Quick Wins Checklist [ ] Enable gzip/brotli compression [ ] Add caching headers [ ] Lazy load images (loading="lazy") [ ] Preconnect to external domains [ ] Use CDN for static assets [ ] Minimize JavaScript bundle [ ] Defer non-critical JS [ ] Optimize images (WebP, proper sizing) [ ] Add database indexes [ ] Use connection pooling
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills onewave-ai/performance-profiler