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.