Implements shaders, spring physics, scroll reveals, cinematic transitions in web apps.
npx skills add https://github.com/Bloodrey41/dotfiles --skill overdrive-bloodrey41
Please help me install this Agent Skill. Skill: overdrive Source: https://github.com/Bloodrey41/dotfiles/tree/main/.claude/skills/overdrive Command: npx skills add https://github.com/Bloodrey41/dotfiles --skill overdrive-bloodrey41
Pushes interfaces beyond conventional limits by implementing technically ambitious UI features such as shaders, spring physics, scroll-driven reveals, and cinematic transitions, turning ordinary interfaces into extraordinary experiences.
Consult /frontend-design to gather context, propose 2–3 directions, and obtain the user’s confirmation before starting implementation.
High-intent search queries and answers about installing and using this skill.
Cinematic view transitions that morph elements from trigger to destination are implemented by combining scroll-driven animations with spring physics. This approach creates fluid navigation by seamlessly animating UI components between states without abrupt jumps.
To render WebGL shaders for UI effects, you need a WebGL or WebGPU capable rendering pathway. The implementation uses a deterministic, performance-conscious approach with progressive enhancement to ensure a baseline experience when advanced effects are unavailable.
Start building immersive product pages by consulting a design context protocol to gather context and propose two to three directions. Obtain user confirmation before implementing physics-driven UI features to ensure the design aligns with expectations.
Yes, this approach works for complex dashboards by applying scroll-driven reveals and shader effects to enhance depth perception. It is specifically designed for high-ambition UI tasks requiring extraordinary user experiences and iterative browser testing.
If a browser lacks WebGPU support, progressive enhancement ensures a good baseline experience when advanced effects are unavailable. The deterministic implementation degrades gracefully so the interface remains functional without the shader-driven visuals.
ydnikolaevExtract project information through structured stakeholder interviews into a discovery brief.
1toeCreate cinematic transitions and scroll-driven reveals with shader-based effects.
trydyddCreate high-performance UI interactions using WebGL, shaders, and the View Transitions API.
Luqman-Ud-DinDetect CSS animations and transitions lacking prefers-reduced-motion media query coverage.
