frontend-performance-reviewer

Measure React frontend performance by running a baseline measurement pass using Playwright to capture Core Web Vitals, memory, network, and bundle size, ensuring changes are data-driven rather than guesswork.

Check First Contentful Paint (FCP), Largest Contentful Paint (LCP), Cumulative Layout Shift (CLS), and Time to Interactive (TTI) to identify real frontend performance bottlenecks during slow React page loads.

Yes, you need Playwright MCP configured and your app accessible to review frontend performance, as the workflow enforces a hard block on code changes if baseline measurements or this prerequisite dependency are unavailable.

You can automate UI interaction testing for React apps experiencing lag by running live end-to-end measurement scenarios that validate production readiness and capture performance metrics before suggesting fixes.

Frontend performance optimization requires explicit user approval to enforce a governance gate that blocks code implementation without consent, ensuring all suggested fixes are reviewed after baseline measurements are collected.

Block code changes during a frontend code review when baseline measurements are unavailable, prerequisites are missing, or explicit user approval for implementation has not been granted.