performance-optimization

Enforce metric-driven performance workflows with baseline profiling and regression guards.

Updated Apr 27, 2026
One-click install
npx skills add https://github.com/vTRKA/supervibe --skill performance-optimization-vtrka
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: performance-optimization
Source: https://github.com/vTRKA/supervibe/tree/main/skills/performance-optimization
Command: npx skills add https://github.com/vTRKA/supervibe --skill performance-optimization-vtrka

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Performance Optimization prevents guess-based tuning by enforcing a metric-driven workflow: establish a baseline, profile the bottleneck, apply the smallest scoped change, and prove before/after impact with a regression guard and effect budgets for browser-facing surfaces.

Core Features & Use Cases

  • Metric-first regression workflow: Require primary and guard metrics, baseline capture, profiling/tracing, and a verified before/after comparison.
  • Effect-budgeted browser optimization: For motion/video/canvas/WebGL/media work, require frame stability, long-task evidence, bundle/media/memory budgets, and reduced-motion and fallback proof before approving “smooth/lightweight/10/10” claims.
  • Design-quality gates for performance changes: When performance work changes design artifacts, require an anti-slop report using exact gateTaxonomy ids and block handoff if evidence is missing.

Quick Start

Ask your AI tool to run a baseline measurement for the complained-about route/workload, profile the bottleneck, apply the smallest scoped performance fix, then re-run the same measurement and produce a performance-evidence report with a regression guard and—if applicable—an effect-budget and reduced-motion evidence bundle.

Frequently Asked Questions about performance-optimization

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I prove performance optimization results with before and after metrics?▼

Performance optimization requires capturing a baseline measurement, profiling the bottleneck, and re-running the same measurement to verify improvements. This workflow emits a structured performance-evidence report with a regression guard to prevent speculative tuning from shipping.

What is motion budgeting for browser performance?▼

Motion budgeting for browser performance requires frame stability, long-task evidence, and bundle or memory budgets for canvas, WebGL, and media work. It enforces reduced-motion and fallback proof before approving claims of smooth or lightweight user experiences.

How do I stop performance regressions when applying database or build optimizations?▼

To stop performance regressions, define primary and guard metrics before applying the smallest scoped database or build change. Capture baseline command output, use profiling or tracing evidence, and generate a performance-evidence report including a regression guard.

Does performance optimization work for backend, database, and browser-facing surfaces?▼

Performance optimization applies to backend, database or search, build or bundle, and browser-facing motion or video surfaces. It requires verified before and after results, effect budgets, and reduced-motion proof when relevant across these distinct technical scopes.

What's the best way to profile a bottleneck before applying a performance fix?▼

The best way to profile a bottleneck is to run a baseline measurement for the complained-about route or workload first. Apply the smallest scoped performance fix, then re-run the same measurement and produce a structured performance-evidence report.

When do I need an effect budget and reduced-motion evidence for performance changes?▼

You need an effect budget and reduced-motion evidence when performance work alters browser-facing motion, video, canvas, WebGL, or media surfaces. This proof blocks handoff if evidence is missing and prevents unverified smooth or lightweight performance claims.