User Tour Kit
Add in-app product tours, checklists, and adoption hints to a React or Next.js SaaS without hand-rolling onboarding UI.
Overview
user-tour-kit is a plugin marketplace for the Grow phase that helps Claude add product tours, onboarding flows, and adoption UI to React/Next.js apps via @tour-kit/* packages.
What is this marketplace?
- Guides Claude to wire @tour-kit/* npm packages into React/Next.js apps
- Supports product tours, walkthroughs, tooltips, hotspots, and checklists
- Covers announcements and feature-adoption tracking patterns
- Aligns with shadcn-ui style stacks common in indie SaaS frontends
- Single marketplace plugin focused on userTourKit (MIT, v0.1.0)
- 1 marketplace plugin (user-tour-kit, MIT, v0.1.0)
- Covers tours, walkthroughs, checklists, announcements, tooltips, and hotspots
Community signal: 46 GitHub stars.
What problem does it solve?
Indie SaaS builders ship features quickly but struggle to explain the product inside the app, so new users churn before they see value.
Who is it for?
Solo builders with a live or nearing-launch React/Next SaaS who want agent-assisted onboarding UX without a separate no-code tour vendor.
Skip if: Non-React stacks, mobile-native-only apps, or teams that want a fully managed third-party product-tour SaaS with no in-repo packages.
What do I get? / Deliverables
After install, Claude can scaffold tours, checklists, tooltips, and announcements in your React/Next codebase using a consistent tour-kit integration pattern.
- Integrated tour, checklist, or announcement flows in React/Next
- Agent-guided setup aligned with userTourKit patterns
- Onboarding UI elements (tooltips, hotspots, walkthrough steps)
Plugins in this marketplace
1 plugin — install individually after you add the marketplace.
Recommended Marketplaces
Journey fit
Onboarding and feature adoption sit after the product works and you need users to succeed inside the app. Lifecycle covers activation, guided walkthroughs, announcements, and ongoing feature discovery—not initial build of core features.
How it compares
Curated onboarding skill marketplace tied to @tour-kit npm packages, not a generic UI component library or MCP server.
Common Questions / FAQ
Who is User Tour Kit for?
React and Next.js builders, especially indie SaaS founders, who want Claude to implement in-app tours, checklists, and hints using userTourKit packages.
When should I use User Tour Kit?
Use it in the grow lifecycle when you need activation, walkthroughs, feature announcements, or adoption tracking after core product screens exist.
How do I add User Tour Kit to my agent?
Add the domidex01/tour-kit Claude marketplace plugin in Claude Code, open your React/Next repo, and invoke the User Tour Kit skill when implementing onboarding flows.