# Build High-Impact Frontend Effects

Advanced interface effects can misfire without design context and performance checks. Overdrive guides agents to propose, build, and verify polished frontend enhancements.

## Install

```bash
npx skillstore add pbakaus/overdrive
```

## Metadata

- Status: approved
- Slug: pbakaus-overdrive
- Skillstore revision: r1
- Version status: missing
- Tree hash: 99215deac717bca37de55840f768dd39ea448422c78ed3df2f492fca55d20c7f
- Author: pbakaus
- GitHub username: pbakaus
- License: MIT
- Repository: https://github.com/pbakaus/impeccable/tree/main/.agents/skills/overdrive/
- Ref: e397ce5a135369cd6def89cb6400d013e2f68f2f
- Supported tools: Claude, Codex, Claude Code
- Audit status: complete
- Agent install advisory: allowed
- Manual install advisory: allowed
- Artifact signature: available
- Audit attestation: unavailable
- Human verification: not\_verified
- Risk factors: external\_commands
- Quality score: 78
- Quality tier: bronze
- Public page: https://skillstore.pages.dev/skills/pbakaus-overdrive
- Manifest: https://skillstore.pages.dev/api/skills/pbakaus-overdrive/manifest

## Capabilities

- Guides agents to gather design context before choosing an ambitious interface direction.
- Requires 2-3 implementation directions with trade-offs before code changes.
- Suggests techniques such as View Transitions, scroll animations, WebGL, Canvas, Web Workers, and WASM.
- Emphasizes progressive enhancement, fallbacks, reduced motion, and mid-range device testing.
- Directs browser automation preview and visual iteration for complex effects.

## Use Cases

- Upgrade a Product Surface: Add motion, interaction, or rendering polish to an existing page while preserving usability and performance.
- Choose an Interaction Direction: Compare several ambitious approaches before implementation, including complexity, browser support, and visual fit.
- Stress-Test Visual Effects: Use browser previews, reduced-motion checks, and device testing to refine an advanced effect before release.

## Prompt Templates

### Improve a Page Transition

```
Use overdrive on the current page. Propose 2-3 transition directions, explain trade-offs, and wait for my choice before coding.
```

### Animate a Data View

```
Use overdrive for TARGET=<dashboard table>. Suggest a performant animation plan for large data, including fallbacks and reduced-motion behavior.
```

### Prototype a WebGL Moment

```
Use overdrive for TARGET=<hero section>. Compare WebGL, Canvas, and CSS approaches, then implement the selected direction with browser verification.
```

### Refine a Complex Interaction

```
Use overdrive for TARGET=<multi-step workflow>. Create an advanced interaction plan, validate performance risks, implement iteratively, and verify on desktop and mobile.
```

## Limitations

- It is guidance only; it does not include executable helpers or reusable components.
- It depends on other design context skills named in the source instructions.
- It can increase implementation complexity if the chosen effect is too ambitious.
- Browser support varies for WebGPU, scroll timelines, and cross-document View Transitions.

## Best Practices

- Gather brand, audience, and product context before selecting a technique.
- Ask the user to choose between clear directions before implementation.
- Verify visually with browser automation, performance checks, and reduced-motion mode.

## Anti Patterns

- Adding particle effects or shaders to utility pages without a clear purpose.
- Using bleeding-edge APIs without a functional fallback.
- Shipping motion that ignores reduced-motion preferences or causes jank.

## Security Audit

- Audited at: 2026-07-06T20:36:45.325\+00:00
- Summary: All external command findings are false positives from Markdown fences, inline code terms, and illustrative CSS or JavaScript examples in SKILL.md. The system reconnaissance finding is also a false positive; the description covers ambitious frontend implementation and does not request host enumeration or data collection. No prompt injection, exfiltration intent, or malicious behavior was found.

## Stats

- Views: 113
- Downloads: 15
- Favorites: 0
- Popularity score: 0