What problem does it solve? Standard web interfaces often feel flat and conventional. This Skill pushes interfaces past conventional limits by applying advanced browser capabilities — WebGL shaders, spring physics, View Transitions, scroll-driven animations, and GPU-accelerated rendering — so that 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 make dialogs, page changes, and state shifts feel physical and fluid. - Advanced Rendering: Applies WebGL/WebGPU shaders, Canvas 2D, OffscreenCanvas, and SVG filter chains for effects CSS alone cannot express. - High-Performance Data UI: Implements virtual scrolling, GPU-accelerated charts, Web Workers, and WASM so large datasets render at 60fps without jank. - Use Case: A developer wants a landing page hero with a scroll-driven shader reveal, or a data table that renders 100k rows smoothly — the Skill proposes 2-3 directions, confirms one with the user, then iterates with browser automation until the result looks right. ## Quick Start Ask the AI to use the overdrive skill to make a specific interface element feel extraordinary, such as adding a scroll-driven reveal and spring-physics transitions to your landing page hero section.
