Frontend Performance

Purpose

Optimize Core Web Vitals (LCP, CLS, INP) and bundle size. Measure before and after every optimization. Never optimize without data.

Agent Protocol

Trigger

Exact user phrases: "performance", "slow page", "bundle size", "lazy loading", "code splitting", "LCP", "CLS", "INP", "web vitals", "image optimization", "caching", "page speed", "load time".

Input Context

Before activating, verify:

• The performance issue is identified (slow page load, janky interaction, large bundle) or ask.
• The framework is known (React, Vue, Angular, Next.js, Nuxt).
• Whether the target is lab metrics (Lighthouse) or field metrics (RUM data).

Output Artifact

No file output. Produces optimization recommendations as text.