Skills
.Work. You
Rest

product-tour

Community

Create guided product tours and onboarding flows.

Software Engineering#onboarding#a11y#react#routing#next.js#driver.js#tour
Authorjorgeochipinti97
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Guides developers to create interactive product tours and onboarding flows for Next.js apps, reducing user friction and accelerating feature adoption.

Core Features & Use Cases

  • Driver.js-based single-page tours for UI element highlighting
  • NextStep.js-based multi-page tours with App Router navigation
  • OnboardJS for headless state machines and custom UI
  • Accessibility patterns (focus management, ARIA roles, reduced motion)
  • Reusable step definitions and progress tracking across routes

Quick Start

Install the skill in your Next.js project and drop a guided tour powered by Driver.js to start onboarding in minutes.

Dependency Matrix

Required Modules

None required

Components

references

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: product-tour
Download link: https://github.com/jorgeochipinti97/dublin-skills/archive/main.zip#product-tour

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.