guiding-users_skill

This skill helps you design onboarding and contextual help systems that boost activation and feature adoption through guided tours and progressive disclosure.
  • Python

291

GitHub Stars

2

Bundled Files

2 months ago

Catalog Refreshed

4 months ago

First Indexed

Readme & install

Copy the install command, review bundled files from the catalogue, and read any extended description pulled from the listing source.

Installation

Preview and clipboard use veilstrat where the catalogue uses aiagentskills.

npx veilstrat add skill ancoleman/ai-design-components --skill guiding-users

  • outputs.yaml9.1 KB
  • SKILL.md13.6 KB

Overview

This skill implements onboarding and contextual help systems to guide users from first-time setup through ongoing feature discovery. It bundles product tours, interactive tutorials, tooltips, checklists, help panels, and progressive disclosure patterns with accessibility and analytics guidance. Use it to increase activation, reduce support load, and drive feature adoption.

How this skill works

The skill maps user journeys to appropriate guidance mechanisms and provides implementation patterns, timing strategies, and accessibility requirements. It recommends libraries and integration points, supplies example flows (tours, spotlights, checklists, help panels) and shows how to instrument metrics like completion rate and time-to-first-value. It also includes progressive enhancement guidance so you can start simple and iterate based on analytics.

When to use it

  • First-time experiences and product walkthroughs
  • Announcing or spotlighting newly released features
  • Guided, task-based tutorials for complex workflows
  • Account setup flows and persistent completion checklists
  • Contextual help, tooltips, and in-app documentation

Best practices

  • Keep tours short (ideally ≤7 steps) and always offer skip/resume controls
  • Trigger guidance contextually (not mid-task) and avoid repeating every session
  • Respect accessibility: keyboard navigation, ARIA announcements, reduced-motion support
  • Measure outcomes (completion rate, drop-off points, feature adoption) and iterate
  • Use progressive disclosure: surface only the next action or detail users need

Example use cases

  • First-login tour that highlights core features and tracks completion
  • Feature spotlight with a pulsing hotspot and single-click acknowledgment
  • Interactive tutorial with task validation, sandbox data, and celebration on completion
  • Setup checklist showing progress and direct links to incomplete items
  • Help panel sidebar with contextual search, video demos, and support contact

FAQ

react-joyride is recommended for full-featured, accessible tours; consider driver.js for a lightweight, framework-agnostic option.

How do I avoid annoying returning users?

Persist dismissal state, offer skip controls, avoid auto-showing tours each session, and trigger guidance only when relevant.

Built by
VeilStrat
AI signals for GTM teams
© 2026 VeilStrat. All rights reserved.All systems operational
guiding-users skill by ancoleman/ai-design-components | VeilStrat