onboardjs-react
✓將 OnboardJS 集成到 React 項目中以構建用戶入門流程。使用時： (1) 在React/Next.js項目中設置OnboardJS (2) 創建多步驟入門、嚮導或引導流程 (3) 實現條件導航、數據持久化或步驟驗證 (4) 使用 OnboardingProvider、useOnboarding 鉤子或步驟組件 觸發器：“onboarding”、“onboardjs”、“嚮導流程”、“用戶入門”、“引導式遊覽”、“多步驟表單”
SKILL.md
OnboardJS is a headless library for building user onboarding experiences. You control the UI; OnboardJS handles flow logic, state, persistence, and navigation.
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 |
將 OnboardJS 集成到 React 項目中以構建用戶入門流程。使用時： (1) 在React/Next.js項目中設置OnboardJS (2) 創建多步驟入門、嚮導或引導流程 (3) 實現條件導航、數據持久化或步驟驗證 (4) 使用 OnboardingProvider、useOnboarding 鉤子或步驟組件 觸發器：“onboarding”、“onboardjs”、“嚮導流程”、“用戶入門”、“引導式遊覽”、“多步驟表單” 來源：onboardjs/onboardjs-skills。
可引用資訊
為搜尋與 AI 引用準備的穩定欄位與指令。
- 安裝指令
npx skills add https://github.com/onboardjs/onboardjs-skills --skill onboardjs-react- 分類
- </>開發工具
- 認證
- ✓
- 收錄時間
- 2026-02-03
- 更新時間
- 2026-02-18
快速解答
什麼是 onboardjs-react？
將 OnboardJS 集成到 React 項目中以構建用戶入門流程。使用時： (1) 在React/Next.js項目中設置OnboardJS (2) 創建多步驟入門、嚮導或引導流程 (3) 實現條件導航、數據持久化或步驟驗證 (4) 使用 OnboardingProvider、useOnboarding 鉤子或步驟組件 觸發器：“onboarding”、“onboardjs”、“嚮導流程”、“用戶入門”、“引導式遊覽”、“多步驟表單” 來源：onboardjs/onboardjs-skills。
如何安裝 onboardjs-react？
開啟你的終端機或命令列工具（如 Terminal、iTerm、Windows Terminal 等） 複製並執行以下指令：npx skills add https://github.com/onboardjs/onboardjs-skills --skill onboardjs-react 安裝完成後，技能將自動設定到你的 AI 程式設計環境中，可以在 Claude Code 或 Cursor 中使用
這個 Skill 的原始碼在哪？
https://github.com/onboardjs/onboardjs-skills
詳情
- 分類
- </>開發工具
- 來源
- skills.sh
- 收錄時間
- 2026-02-03