What problem does it solve? Standard web interfaces often feel flat and forgettable. This Skill pushes interfaces past conventional limits by applying advanced browser capabilities — shaders, spring physics, scroll-driven reveals, and 60fps animations — so pages, forms, tables, and dashboards feel extraordinary rather than ordinary. ## Core Features & Use Cases - Cinematic Transitions: Uses the View Transitions API, @starting-style, and spring physics to morph dialogs from their triggers and animate state changes naturally. - Advanced Rendering: Applies WebGL, WebGPU, Canvas 2D, OffscreenCanvas, and SVG filter chains for shader effects, particle systems, and GPU-accelerated charts. - Performance Engineering: Implements virtual scrolling for 100k-row tables, Web Workers, and WASM so heavy interfaces stay at 60fps. - Use Case: A landing page needs a scroll-driven hero reveal with a shader background, while its settings page gets instant optimistic saves with animated state transitions — each matched to the right kind of "wow" for its context. ## Quick Start Use the overdrive skill to make my landing page hero section feel extraordinary with a scroll-driven reveal and smooth animations.
