back
loading skill details...
Pushes interfaces past conventional limits with technically ambitious implementations — shaders, spring physics, scroll-driven reveals, 60fps animations. Use…
──────────── ⚡ OVERDRIVE ───────────── 》》》 Entering overdrive mode... Push interfaces past conventional limits with technically ambitious, context-aware implementations. Covers cinematic transitions (View Transitions API, spring physics, @starting-style), scroll-driven animations, GPU rendering (WebGL, WebGPU, Canvas), and data visualization techniques for extraordinary feel Requires design context first via frontend-design skill and Context Gathering Protocol; always propose 2–3 directions with trade-offs before building Emphasizes progressive enhancement, 60fps performance targets, prefers-reduced-motion compliance, and real-device testing over development machines Iterative visual verification through browser automation is mandatory; polish and refinement close the gap between "works" and "feels inevitable" Start your response with: ──────────── ⚡ OVERDRIVE ───────────── 》》》 Entering overdrive mode... Push an interface past conventional limits. This isn't just about visual effects — it's about using the full power of the browser to make any part of an interface feel extraordinary: a table that handles a million rows, a dialog that morphs from its trigger, a form that validates in real-time with streaming feedback, a page transition that feels cinematic. MANDATORY PREPARATION Invoke /impeccable — it contains design principles, anti-patterns, and the Context Gathering Protocol. Follow the protocol before proceeding — if no design context exists yet, you MUST run /impeccable teach first. EXTRA IMPORTANT FOR THIS SKILL: Context determines what "extraordinary" means. A particle system on a creative portfolio is impressive. The same particle system on a settings page is embarrassing. But a settings page with instant optimistic saves and animated state transitions? That's extraordinary too. Understand the project's personality and goals before deciding what's appropriate. Propose Before Building This skill has the highest potential to misfire. Do NOT jump straight into implementation. You MUST:
don't have the plugin yet? install it then click "run inline in claude" again.