skills.rest
ricardocidale
ricardocidaleCOMMUNITY
Explore all skills by this author →
GitHub

Guided Tour / Walkthrough

Guide new users through an application interface with step-by-step interactive tours.

Updated Mar 10, 2026
Search Tags:#onboarding#tutorial#user guide#ux#walkthrough#feature discovery
One-click install
npx skills add https://github.com/ricardocidale/hbg-screens --skill guided-tour-walkthrough
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: Guided Tour / Walkthrough
Source: https://github.com/ricardocidale/hbg-screens/tree/main/.claude/skills/tour
Command: npx skills add https://github.com/ricardocidale/hbg-screens --skill guided-tour-walkthrough

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides an interactive, step-by-step tour to onboard new users, highlighting key features and guiding them through the recommended workflow.

Core Features & Use Cases

  • Interactive Walkthrough: Guides users through the application's main features with tooltips and prompts.
  • Feature Discovery: Ensures users understand the core functionalities and their order of use.
  • Use Case: A new user logs into the HBG portal for the first time and is automatically prompted to start a tour that explains the Dashboard, Portfolio, and Company sections.

Quick Start

Start the guided tour to learn how to use the application.

Frequently Asked Questions about Guided Tour / Walkthrough

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I create an interactive walkthrough for new users onboarding to my app?▼

A guided tour provides an interactive walkthrough for onboarding new users to your app. It highlights key UI elements with tooltips, explains core features, and manages step progression to ensure smooth user onboarding and feature discovery.

What is a step-by-step guided tour and how does it improve feature discovery?▼

A step-by-step guided tour is an interactive onboarding process that highlights key UI elements with contextual prompts. It improves feature discovery by managing tour state and guiding users through recommended workflows, ensuring they understand core functionalities and their correct order of use.

Can I use a guided tour to highlight specific UI elements with tooltips and prompts?▼

Yes, you can use a guided tour to highlight specific UI elements with tooltips and contextual prompts. The tour facilitates feature discovery by directing user attention to key interface components and providing contextual information to explain the recommended workflow.

How do I start an interactive user guide for the HBG portal?▼

To start an interactive user guide for the HBG portal, new users are automatically prompted to begin a tour upon first login. The guided tour then explains the Dashboard, Portfolio, and Company sections to facilitate immediate feature discovery and workflow understanding.

Does the interactive tour manage user interaction preferences and tour state?▼

Yes, the interactive tour manages user interaction preferences and tour state. It handles step progression and tracks where the user is in the onboarding sequence, ensuring a smooth onboarding experience without losing track of the feature discovery workflow.

Related Skills

Explore More Product & Management Skills→
hector-mannyhector-manny

code-tour

Create guided codebase tours with YAML-defined steps and file anchors.

Community
Intermediate
bomberoxenviosdosruedasbomberoxenviosdosruedas

agency-behavioral-nudge-engine

Personalize software interaction using behavioral psychology and gamification strategies.

Community
Advanced
Spectaculous-CodeSpectaculous-Code

onboarding-architect

Manage user onboarding tours for the Raamattu Nyt application.

Official
Advanced
daffy0208daffy0208
34

customer-support-builder

Design customer support systems with knowledge bases, chatbots, and ticketing workflows.

Community
Intermediate