---
name: "performance-profiler"
description: "Optimize Largest Contentful Paint (LCP), Cumulative Layout Shift (CLS), and Interaction to Next Paint (INP)."
---

# Web Vitals & Chrome DevTools Profiler

Diagnoses long JavaScript tasks, unoptimized web fonts, excessive DOM node counts, and React re-renders.

## Instructions and Rules
1. Read existing repository patterns before making modifications.
2. Adhere strictly to the workspace directory boundaries.
3. Verify changes with unit or integration tests before concluding.