What problem does it solve?
It diagnoses and fixes UI performance problems that make apps feel slow, laggy, janky, or heavy to load.
Core Features & Use Cases
- Performance-first diagnosis: Measures Core Web Vitals, load time, bundle size, runtime behavior, and network patterns to find the real bottleneck.
- Targeted optimization plan: Provides concrete improvements across loading, rendering, animations, framework performance, and network efficiency.
- Core Web Vitals verification: Helps you validate improvements with before/after metrics, real-device testing, and regression checks.
Use Case: If your product is failing to hit good LCP/INP on mobile, use this skill to produce a prioritized fix list for images, JavaScript/CSS, rendering hotspots, and network payloads.
Quick Start
Use the optimize skill to generate a before-and-after performance plan for your UI and specify the exact changes to reduce load time, improve rendering smoothness, and shrink bundle weight.