What problem does it solve? Standard web interfaces often feel generic and unremarkable. This Skill guides the implementation of technically ambitious UI effects — shaders, spring physics, virtual scrolling, cinematic transitions — so interfaces go beyond what users expect from a website while staying performant and accessible. ## Core Features & Use Cases - Technique Selection by Context: Matches the right kind of ambition to the surface — sensory effects for marketing pages, fluid interactions for functional UI, invisible performance wins for data-heavy views. - Structured Toolkit: Covers View Transitions, scroll-driven animations, WebGL/WebGPU, virtual scrolling, spring physics, Web Workers, OffscreenCanvas, and WASM, organized by the experience goal rather than technology name. - Disciplined Implementation: Enforces progressive enhancement, prefers-reduced-motion support, 60fps targets, and mandatory browser-based visual iteration before shipping. - Use Case: A developer wants a data table rendering 100k rows at 60fps, or a dialog that morphs from its trigger button. The Skill proposes 2-3 directions, gets user confirmation, then iterates with browser automation until the effect feels polished. ## Quick Start Ask the AI to use the overdrive skill to make a specific interface element feel extraordinary, such as adding a spring-physics dialog transition or a GPU-accelerated chart.
