driverjs-guidelisted
Install: claude install-skill rvanbaalen/skills
# Driver.js Complete Reference
Driver.js is a lightweight (~5kb gzipped), dependency-free, vanilla TypeScript library for guiding user focus across a web page. It draws an SVG overlay and cuts out a portion above the highlighted element, avoiding z-index and stacking-context issues entirely.
Use cases beyond product tours: contextual form help, feature announcements, focus-shifting overlays, simple modals, and "turn off the lights" effects.
Documentation source: https://driverjs.com
---
## Pre-flight: Project Dependency Check
Before writing any Driver.js code, check whether the current project already has `driver.js` installed:
1. **Check package.json** — Use Grep to search for `"driver.js"` in `package.json` (both `dependencies` and `devDependencies`).
2. **Check lock file** — If no match in `package.json`, also check `package-lock.json`, `yarn.lock`, or `pnpm-lock.yaml` for `driver.js`.
3. **Check existing imports** — Use Grep to search for `from "driver.js"` or `from 'driver.js'` across the codebase to see if it is already in use.
Based on results:
- **Already installed and imported:** Note the installed version. Skip installation instructions. Look at existing usage patterns in the project and follow the same conventions (import style, CSS import location, instance management).
- **Installed but not yet imported:** Skip installation. Proceed with usage guidance, matching the project's existing import conventions.
- **Not installed:** Include the appropriate instal