onboardjs-react
Installation
SKILL.md
OnboardJS React Integration
OnboardJS is a headless library for building user onboarding experiences. You control the UI; OnboardJS handles flow logic, state, persistence, and navigation.
Before Starting
1. Verify React project - Check for package.json with React dependencies. If not a React project, inform the user.
2. Detect package manager - Check for lock files to determine the correct install command:
| Lock File | Package Manager | Install Command |
|---|---|---|
pnpm-lock.yaml |
pnpm | pnpm add @onboardjs/core @onboardjs/react |
yarn.lock |
yarn | yarn add @onboardjs/core @onboardjs/react |
bun.lockb |
bun | bun add @onboardjs/core @onboardjs/react |
package-lock.json or none |
npm | npm install @onboardjs/core @onboardjs/react |
3. Detect Next.js - Check for next.config.js, next.config.mjs, or next in dependencies. If Next.js, see Next.js Setup section.