What problem does it solve?
This skill solves the problem of performance degradation in effects-heavy web applications by enforcing strict, measurable GPU and bundle budgets that prevent slow load times and thermal throttling.
Core Features & Use Cases
- Budget Enforcement: Validates Core Web Vitals (LCP, INP, CLS) and bundle weight against strict thresholds.
- GPU Guardrails: Ensures WebGL effects maintain a 16.7ms frame budget and proper teardown to prevent memory leaks and context loss.
- Use Case: Use this when building a high-fidelity marketing site with WebGL hero sections to ensure the page remains performant on mid-range mobile devices without overheating or blocking the main thread.
Quick Start
Run the gmira-perf skill to audit the current route for bundle weight, frame budget, and Core Web Vitals compliance.