Product-tour primitives
The in-app onboarding stack — Appcues/Pendo-style tour builder, audience and trigger rules, tooltip composer, announcement cards, NPS prompt, survey prompt, library, analytics, end-user progress dots, and feature hint spotlight. Realistic Mufflermen tours teaching the quote-instant-pricing flow, ADR cheatsheet, and bay-availability widget. Distinct from auth onboarding and help-docs tour-controller.
Product-tour primitives is a reusable Oak Flats Muffler Men UI primitive with documented states, accessibility expectations, theme behavior, and implementation evidence.
Product-tour primitives: The in-app onboarding stack — Appcues/Pendo-style tour builder, audience and trigger rules, tooltip composer, announcement cards, NPS prompt, survey prompt, library, analytics, end-user progress dots, and feature hint spotlight. Realistic Mufflermen tours teaching the quote-instant-pricing flow, ADR cheatsheet, and bay-availability widget. Distinct from auth onboarding and help-docs tour-controller.
Tour builder canvas
Visual flow editor — drag-ready nodes with animated dashed connectors and step glyphs.
Step config pane
Right inspector — target selector, copy fields, direction/align, skip toggle, delay presets.
Tour step thumbnail
Step card for the builder list — index, shape glyph, target selector code, delay tag.
Audience targeting rules
Who sees the tour — URL / segment / role / first-time / device chips with match-all toggle.
Trigger condition
When the tour fires — page visit, time delay, scroll depth, element seen, custom event, exit intent.
Tour analytics card
Starts / completions / drop-off step + completion rate radial gauge and step funnel.
Inline tooltip builder
Tooltip composer — position picker, alignment chips, close-CTA toggle, CTA copy.
Announcement card
In-app announcement — image + title + body + dismiss + CTA, plus compact bar variant.
NPS prompt trigger
NPS configurator — timing rule, segment, question, sampling slider, cool-down presets.
Tooltip preview overlay
Preview frame — anchored CoachMark on a sample target with direction + align modifiers.
Tour library grid
Library — status dot, last-run, engagement chip, recent-completion sparkline per tour.
Step progress dots
End-user progress — dots, bars, or counter variants showing tour position.
Survey prompt card
One-question embedded survey — multi-choice toggles + send CTA; multi-select supported.
Feature hint spotlight
Larger-than-coach-mark hint — animated halo + 'what's new' badge + CTA.
Full tour console
Composes every primitive — builder canvas, step inspector, audience rules, triggers, analytics, library.