Skills
.Work. You
Rest

effect-performance-budget

Community

Prove visuals are fast, accessible, and worth it.

Design & Creative#accessibility#video#webgl#motion#lottie#performance-budget#runtime-evidence
AuthorvTRKA
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Effect Performance Budget prevents teams from approving heavy motion, canvas/WebGL, video, or animation claims without measurable browser-proof, fallback coverage, and reduced-motion compliance.

Core Features & Use Cases

  • Measurable performance budgeting: sets explicit thresholds for frame stability, long tasks, bundle/asset weight, memory/GPU bounds, lifecycle cleanup, and battery impact.
  • Evidence-gated approval: requires runtime receipts from the actual route/viewports (including reduced-motion and failure modes) before emitting PASS.
  • Fallback and accessibility verification: blocks handoff when reduced-motion, no-JS, failed-asset, no-WebGL/canvas, or low-power behavior can’t preserve the user’s primary task.

Quick Start

Use this skill to review an effect proposal by asking the AI to produce an effect-performance-budget report with runtime evidence, anti-slop gate results, and a PASS/FAIL/PARTIAL/BLOCKED decision for your specific artifact and route.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: effect-performance-budget
Download link: https://github.com/vTRKA/supervibe/archive/main.zip#effect-performance-budget

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.