What problem does it solve?
This Skill helps teams identify, prioritize, and fix performance bottlenecks across code, database queries, rendering, network, and LLM usage so applications run faster and cost less.
Core Features & Use Cases
- Baseline measurement: Establish current performance metrics and target goals before changes.
- Profiling and diagnosis: Identify where time and resources are spent (network, rendering, DB, LLM) and isolate the primary bottleneck.
- Targeted optimization: Recommend focused fixes such as React rendering improvements, Supabase query tuning, bundle splitting, and LLM prompt/token efficiency.
- Verification and regression checks: Re-measure after changes and ensure no functional regressions are introduced.
- Use Case: Speed up a slow React view by profiling renders, reducing unnecessary queries, splitting heavy bundles, and trimming LLM prompts to lower latency and cost.
Quick Start
Analyze this React app's slow page, identify the single biggest bottleneck with profiling data, and provide prioritized fixes plus measurable before-and-after metrics.