guided-tour
CommunityCreate intuitive, research-backed tours for React dashboards.
AuthorNewEarthAI
Version1.0.0
Installs0
System Documentation
What problem does it solve?
This Skill simplifies the creation of guided tours for React dashboards, improving onboarding and user experience.
Core Features & Use Cases
- Three-Layer Tour System: Combines guided tours, SOP page guides, and info tooltips.
- Research-Backed Design: Based on cognitive psychology principles for efficient learning.
- Use Case: Enhance user adoption by providing step-by-step guidance for dashboard navigation and functionality.
Quick Start
To create a tour for your React dashboard, use the guided-tour skill with your desired project name and style preferences.
Dependency Matrix
Required Modules
reactdriver.jsradix-ui
Components
scriptsreferencesassets
💻 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: guided-tour Download link: https://github.com/NewEarthAI/vibecode-project-template/archive/main.zip#guided-tour Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
Agent Skills Search Helper
Install a tiny helper to your Agent, search and equip skill from 620,000+ vetted skills library on demand.