One-click install
npx skills add https://github.com/duggal1/Sapphire-cli --skill overdrive-duggal1
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: overdrive
Source: https://github.com/duggal1/Sapphire-cli/tree/main/internal/skills/bundled/overdrive
Command: npx skills add https://github.com/duggal1/Sapphire-cli --skill overdrive-duggal1

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Push interfaces past conventional limits with technically ambitious implementations. Whether that's a shader, a 60fps virtual table, spring physics on a dialog, or scroll-driven reveals — make users ask "how did they do that?"

Core Features & Use Cases

  • Structured prep and direction exploration before building, to select the most compelling approach.
  • Iterative browser-based verification and refinement to ensure the effect is technically feasible and visually convincing.
  • A toolkit spanning cinematic transitions, GPU-accelerated visuals, and responsive UI techniques that enhance user perception without breaking accessibility.

Quick Start

Tell the assistant which interface to overdrive and the wow outcome you want, then have it propose an implementation plan.

Frequently Asked Questions about overdrive

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I add 60fps transitions and shader-like visuals to a web app frontend?

To add 60fps transitions and shader-like visuals to a web app frontend, you need an iterative process of direction exploration, browser-automation verification, and disciplined design principles to ensure effects are visually convincing without breaking accessibility.

What's the best way to implement spring physics on a dialog UI?

Implementing spring physics on a dialog UI requires applying frontend design principles alongside browser-based iteration to verify the effect is technically feasible, visually convincing, and maintains responsive user perception.

How do scroll-driven reveals work in modern frontend design?

Scroll-driven reveals work by applying GPU-accelerated visuals and cinematic transitions across web apps, requiring structured prep and iterative browser-based verification to ensure the animation performs smoothly and enhances user perception.

Can I use browser automation to verify frontend UI enhancements during development?

Yes, you can use browser automation to verify frontend UI enhancements during development, iterating through technically ambitious implementations to ensure effects like 60fps virtual tables and shader-like visuals are visually convincing.

Do I need to explore multiple design directions before implementing cinematic transitions?

Yes, you need structured prep and direction exploration before building cinematic transitions to select the most compelling approach, ensuring the final GPU-accelerated visuals are technically feasible and visually convincing.

Why does my frontend UI enhancement break accessibility guidelines?

Frontend UI enhancements often break accessibility when technically ambitious implementations like shaders or spring physics lack disciplined design principles, requiring iterative browser-based verification to ensure accessibility remains intact.