Frontend Performance Reviewer

Overview

Measure first, optimize second. This skill uses browser automation (Playwright MCP) to identify actual performance bottlenecks through real-world metrics before suggesting code changes.

Core principle: Never optimize without measurement. Static code review misses 60-80% of real performance issues.

When to Use

Use when:

• Reviewing React/frontend code for performance
• Users report slow page loads (>3s) or UI lag
• Preparing production deployment requiring validation
• Before implementing performance optimizations
• Bundle size appears bloated
• Memory usage grows over time