skills.rest
Jozaguts
JozagutsCOMMUNITY
Explore all skills by this author →
Website𝕏@jozagutsGitHub

nuxt-tour-guide

Control dashboard guided tours via global store methods and VTour integration.

Updated Aug 27, 2026
Search Tags:#onboarding#dashboard#state-management#nuxt#tour#vtour
One-click install
npx skills add https://github.com/Jozaguts/futzo --skill nuxt-tour-guide
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: nuxt-tour-guide
Source: https://github.com/Jozaguts/futzo/tree/main/.codex/skills/nuxt-tour-guide
Command: npx skills add https://github.com/Jozaguts/futzo --skill nuxt-tour-guide

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Provides a structured approach to understanding and controlling the guided tour in the dashboard, enabling consistent onboarding and feature exploration through a centralized guide.

Core Features & Use Cases

  • Tour control overview: Documents how to inspect and manipulate the global tour state and instance.
  • Integration points: References store methods like registerTourRef, startTour, resetTour, and recalculateTour to drive tours.
  • Consistency & maintainability: Ensures new tours reuse existing patterns and avoid direct DOM manipulation.

Quick Start

Start a tour by importing the tour controls from the global store and invoking startTour with the target tour name.

Frequently Asked Questions about nuxt-tour-guide

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

FAQPage Schema
How do I start a guided tour on a Nuxt dashboard?▼

To start a Nuxt dashboard tour, import the tour controls from the global store and invoke the startTour method with the target tour name to initialize the onboarding sequence.

What store methods are required to control dashboard tours?▼

Controlling dashboard tours requires access to global store methods including registerTourRef, startTour, resetTour, and recalculateTour to drive the tour instance and state.

How do I reset or recalculate a dashboard tour state?▼

Resetting or recalculating a dashboard tour state involves invoking the resetTour or recalculateTour store methods to clear progress and update tour positioning dynamically.

Does this Nuxt tour guide work with VTour integration?▼

Yes, this Nuxt tour guide assumes VTour integration on the dashboard and uses it to provide a structured approach for consistent onboarding and feature exploration without direct DOM manipulation.

Related Skills

Explore More Software Engineering Skills→
v36372v36372

add-mcp-server

Configure global or project MCP servers in mcp.json for stdio or HTTP connections.

Community
Intermediate
vibbsvibbs
6

user-docs

Generate user-facing documentation, guided tour specifications, and changelog entries for shipped features.

Community
Intermediate
leighayanidleighayanid

nuxt-ui

Develop Nuxt 4 interfaces with @nuxt/ui components and theming utilities.

Community
Intermediate
code-yeongyucode-yeongyu
67.6k

agent-browser

Automate browser interactions for testing, form filling, and data extraction.

Community
Intermediate