What problem does it solve? Standard web interfaces often feel flat and conventional; this Skill guides the implementation of technically ambitious effects — WebGL shaders, spring physics, scroll-driven reveals, and 60fps animations — so interfaces feel extraordinary without sacrificing accessibility or performance. ## Core Features & Use Cases - Cinematic transitions: Uses the View Transitions API, @starting-style, and spring physics libraries like motion or GSAP to morph elements between states. - Advanced rendering: Applies WebGL, WebGPU, Canvas 2D, OffscreenCanvas, and SVG filter chains for shader effects, particle systems, and GPU-accelerated charts. - Performance engineering: Employs virtual scrolling, Web Workers, OffscreenCanvas, and WASM to keep data-heavy interfaces at 60fps. - Use Case: A developer wants a portfolio hero section with a scroll-driven shader reveal. The Skill proposes 2-3 directions, confirms one with the user, then iterates via browser automation until the effect looks right. ## Quick Start Ask the assistant to use the overdrive skill to make a specific interface element feel extraordinary, such as adding a spring-physics dialog morph to a button.
