What problem does it solve?
Diagnoses and fixes UI performance across loading speed, rendering, animations, images, and bundle size, helping apps feel faster and more responsive.
Core Features & Use Cases
- Assess Performance Issues: Measure Core Web Vitals (LCP, FID/INP, CLS), load time, bundle size, runtime performance, and network footprint to pinpoint bottlenecks.
- Optimization Strategy: Propose a structured plan for image optimization, JS/CSS improvements, font and resource loading, and rendering efficiency to improve perceived performance.
- Core Web Vitals focus: Prioritize improvements for LCP, FID/INP, and CLS with actionable targets.
- Real-world use: When a product needs faster first interactions and smoother scrolling across devices.
Quick Start
Use the optimize skill to run a quick performance audit and propose prioritized UI optimizations.