Zum Hauptinhalt springen
Dieser Inhalt ist noch nicht in Ihrer Sprache verfügbar und wird auf Englisch angezeigt.

Interactive Product Tour

Skill Verifiziert Aktiv

Designing in-product tours, tooltips, and contextual help that teach product capabilities without becoming friction. Trigger logic, tour architecture, contextual placement, completion tracking. Honest about tooltip-spam (visual noise that users develop blindness to), one-and-done (help invisible at the moment of need), and contextual-when-needed (surfaces help at the moment friction occurs) patterns. Triggers on product tour, in-product tooltip, contextual help, walkthrough, feature tour, hint system, in-app guidance, tour platform. Also triggers when feature adoption is low, when users miss key product capabilities, or when an in-product help system is being scoped for the first time.

Zweck

Helps design in-product tours, tooltips, and contextual help that teach product capabilities effectively without becoming friction, ensuring help surfaces at moments of need.

Funktionen

  • Designing in-product tours, tooltips, and contextual help
  • Defining trigger logic, tour architecture, and contextual placement
  • Distinguishing tooltip-spam, one-and-done, and contextual-when-needed patterns
  • Providing detailed guidance on completion tracking and re-trigger logic
  • Covering common failure modes and offering actionable cures

Anwendungsfälle

  • Scoping an in-product help system for the first time
  • Auditing a tour system that produces engagement metrics with no adoption lift
  • Designing the trigger logic that decides when help surfaces
  • Deciding which features warrant tours versus documentation

Nicht-Ziele

  • First-run wizards (covered by `onboarding-wizard-design`)
  • Conversational help (covered by `chatbot-flow-design`)
  • The engineering implementation of tours
  • Specific platform configurations (e.g., Userpilot, Pendo)

Installation

npx skills add rampstackco/claude-skills

Führt das Vercel skills CLI (skills.sh) via npx aus — benötigt Node.js lokal und mindestens einen installierten skills-kompatiblen Agent (Claude Code, Cursor, Codex, …). Setzt voraus, dass das Repo dem agentskills.io-Format folgt.

Qualitätspunktzahl

Verifiziert
99 /100
Analysiert about 24 hours ago

Vertrauenssignale

Letzter Commit4 days ago
Sterne168
LizenzMIT
Status
Quellcode ansehen

Ähnliche Erweiterungen

Teach Guidance

100

Guide a person in becoming a better teacher and explainer. AI coaches content structuring, audience calibration, explanation clarity, Socratic questioning technique, feedback interpretation, and reflective practice for technical presentations, documentation, and mentoring. Use when a person needs to present technical content and wants preparation coaching, wants to write better documentation or tutorials, struggles to explain concepts across expertise levels, is mentoring a colleague, or is preparing for a talk or knowledge-sharing session.

Skill
pjt222

Prepare Inspection Readiness

100

Prepare an organisation for regulatory inspection by assessing readiness against agency-specific focus areas (FDA, EMA, MHRA). Covers warning letter and 483 theme analysis, mock inspection protocols, document bundle preparation, inspection logistics, and response template creation. Use when a regulatory inspection has been announced or is anticipated, when a periodic self-assessment is due, when new systems have been implemented since the last inspection, or after a significant audit finding that may attract regulatory attention.

Skill
pjt222

External Context

100

Invoke parallel document-specialist agents for external web searches and documentation lookup

Skill
Yeachan-Heo

Deepinit

100

Deep codebase initialization with hierarchical AGENTS.md documentation

Skill
Yeachan-Heo

Readme I18n

100

Nutzen Sie dies, wenn der Benutzer eine Repository-README übersetzen, ein Repository mehrsprachig machen, Dokumentationen lokalisieren, einen Sprachumschalter hinzufügen, die README internationalisieren oder lokalisierte README-Varianten in einem GitHub-ähnlichen Repository aktualisieren möchte.

Skill
xixu-me

Next Cache Components

100

Next.js 16 Cache Components – PPR, use cache directive, cacheLife, cacheTag, updateTag

Skill
vercel-labs