# Interactive Tour Studio

Guide users to a completed task. Pick targets on the page, validate inputs and continue after your app confirms the result, with a reusable component ready to embed.

Canonical page: https://skillrove.dev/skills/interactive-tour-studio
Version: 1.1.0
Package price: USD 4.99 per individual package
Installation hosts: Codex, Claude Code, Cursor
Output: A working product tour and portable integration

## What it does

- Pick targets visually and author a complete onboarding journey without hand-writing every selector.
- Require valid input and wait for the success element your application reveals after an action.
- Recover missing targets, pause and resume, then export the component, configuration and local events.

Best suited to: Product teams improving onboarding, help journeys and first-run guidance in web applications.

Scope limits: Connect targets and a fresh success marker in your own app. The component checks your app’s signal; it does not independently verify backend persistence.

## Documented deliverables and requirements

- Embeddable tour component + styles
- Editable tour configuration
- Three complete product examples
- Integration notes + local event export

Runtime requirements: Node.js 24+ · local browser workspace

Working example: https://skillrove.dev/skillrove/samples/interactive-tour-studio/v1.1.0/index.html

Node.js 24+ serves the local room. The supplied apps use fictional records and local state; no external records or analytics are created.

## Questions before installation

### How do I get Interactive Tour Studio?

The listed individual package price is USD 4.99. Premium downloads require a confirmed purchase or active membership. Your agent subscription, model access and external provider credits are separate.

- [Compare access and pricing](https://skillrove.dev/pricing)

### Which agents can use this skill?

This release lists Codex, Claude Code, Cursor as intended installation hosts. Check the package’s dependencies and permissions before running it. These labels do not certify that every workflow has been tested in every agent.

- [Codex setup](https://skillrove.dev/skills/agent/codex)
- [Claude Code setup](https://skillrove.dev/skills/agent/claude-code)
- [Cursor setup](https://skillrove.dev/skills/agent/cursor)

### What files can this workflow generate?

The documented 1.1.0 workflow lists: Embeddable tour component + styles; Editable tour configuration; Three complete product examples; Integration notes + local event export. Some files or exports are optional; follow the package’s setup and inspect the delivered result.

- [Review all deliverables](https://skillrove.dev/skills/interactive-tour-studio#skill-what-you-get)
- [Inspect the working example](https://skillrove.dev/skillrove/samples/interactive-tour-studio/v1.1.0/index.html)

### What should I check before using the result?

Node.js 24+ serves the local room. The supplied apps use fictional records and local state; no external records or analytics are created.

- [Read the installation guide](https://skillrove.dev/guides/how-to-install-a-claude-skill)
- [Review third-party notices](https://skillrove.dev/third-party-notices)

## Source and access

These facts come from the public Skillrove catalog and the documented active release. Agent labels describe intended installation hosts, not certification across every model. Package licenses apply; model accounts, provider credits and credentials are separate. Public facts do not grant download access.

[Installation guide](https://skillrove.dev/install/agent.md) · [Support](https://skillrove.dev/contact)