frontend-performance-reviewer
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
More from jarrodmedrano/jarrod-claude-skills
threejs-scene-builder
Comprehensive Three.js and React Three Fiber skill for creating 3D scenes, characters, NPCs, procedural generation, animation retargeting, and interactive experiences. Use when user asks to "create Three.js scene", "setup React Three Fiber", "add 3D character", "create NPC AI", "procedural 3D generation", "retarget animation", "setup avatar system", or "create 3D game".
69guitar-fretboard-mastery
>
40game-feel
>
24game-design-theory
>
23guitar-fretboard
Create interactive guitar fretboard visualizations for scales, chords, CAGED system, triads, intervals, and note positions. Use this skill when users ask to build guitar learning tools, visualize scales/modes/pentatonics on the fretboard, show chord shapes, display CAGED patterns, create interval diagrams, or build any guitar theory visualization as React artifacts. Supports standard tuning, custom tunings, and comprehensive music theory for guitar.
20solito
This skill should be used when working on Solito projects (Expo + Next.js with shared navigation). It provides specialized knowledge for cross-platform navigation, monorepo structure, shared component patterns, platform-specific code handling, and common pitfalls. Use this skill when building universal apps, implementing navigation, creating shared UI components, or debugging cross-platform issues.
12