Design performance-aware interactive web UI effects with progressive enhancement.
npx skills add https://github.com/riabtsev/viscore_main --skill overdrive-riabtsev
Please help me install this Agent Skill. Skill: overdrive Source: https://github.com/riabtsev/viscore_main/tree/main/.github/skills/overdrive Command: npx skills add https://github.com/riabtsev/viscore_main --skill overdrive-riabtsev
Overdrive helps you push a web interface beyond conventional visuals and motion so users feel genuine “wow” from the experience rather than just seeing ordinary UI.
Tell the AI what surface you’re building (marketing page, functional UI, dashboard, or data-heavy view), what “wow” should mean for that specific user, and ask it to propose 2–3 implementation directions with trade-offs before writing any code.
High-intent search queries and answers about installing and using this skill.
High-impact UI animations require performance-aware implementation using GPU, Canvas, WebGL, and Web Workers to achieve smooth 60fps behavior. You must gather design context first, propose multiple technical directions with trade-offs, and validate results via browser automation before coding.
Scroll-driven animation creates physical, premium reveals tied to scroll position. To add it, you must gather design context for your specific UI surface, propose technical directions before implementation, and use progressive enhancement to ensure smooth motion with graceful fallbacks.
Virtual scrolling for high-density tables requires performance-first implementation using Web Workers and progressive enhancement. You should define what the 'wow' factor means for your dashboard users, propose technical directions with trade-offs, and validate the smooth motion via browser automation.
Web UI animation must support accessibility through progressive enhancement and reduced-motion support. You gather design context first, propose directions before coding, and validate results via browser automation with built-in accessibility checks to ensure graceful fallbacks for all users.
Cinematic view transitions require disciplined context gathering and proposing 2–3 implementation directions with trade-offs before writing any code. You define what 'wow' means for your specific surface—marketing page, functional UI, or dashboard—and validate the physical, premium feel via browser automation.
WebGL suits technically ambitious, GPU-driven visuals where smooth 60fps motion is required, while CSS handles simpler transitions. You propose multiple technical directions with trade-offs based on your specific UI surface, then validate results iteratively via browser automation to ensure performance.
MrlykImplement scroll-driven animations and GPU-accelerated visuals with progressive enhancement.
AceCandyApply cinematic motion and high-impact visual effects to user interfaces.
masssi164Offload CPU-bound work from the main thread to Dart isolates.
LortunateImplement cinematic 60fps UI effects with shaders and scroll-driven reveals.
