Skill Store 33

Prowler Tour

Keeps product-tour definitions aligned with the UI features they describe.

by prowler-cloud · Apache-2.0

The skill

Keeps product-tour definitions aligned with the UI features they describe. Trigger: When modifying UI components that have associated tours, editing tour definition files, or renaming data-tour-id attributes.

prowler-tour

Report-only. This skill never edits tour files or UI files; it inspects the change, reports drift it finds between tours and the covered UI, and recommends actions for the developer to apply.

Early-exit rule

Run this check first. Most UI edits are not tour-related — exit cheaply.

  1. Glob ui/lib/tours/*.tour.ts.

  2. For each tour, check whether any coversFiles glob pattern matches any file in the current change.

  3. If no tour matches, respond exactly:

    No tour affected — skipping alignment check

    and exit. Do not proceed to the checklist.

  4. If at least one tour matches, continue to "Drift checklist" for that tour.

Drift checklist

For each affected tour, evaluate every item. Skip items that obviously do not apply, but list explicitly which items were checked.

  1. Orphan selectors — every step's target (which composes to data-tour-id="<tour-id>-<step.target>") must resolve to a real element in the codebase. Grep ui/ for the expected attribute value; report any step whose target is missing.
  2. Renamed selectors — a data-tour-id attribute was edited in this change. Match it back to any tour step referencing the old value.
  3. Outdated copy — a popover title/description references a button label, heading, or term that no longer exists on the covered page.
  4. Obsolete steps — a step describes a section, panel, or workflow that was removed.
  5. Missing steps — a new feature was added on the covered surface without a corresponding step (e.g. a new panel, a new primary action, a new wizard stage).
  6. Reordered flow — the user's path through the feature changed (e.g. query builder moved before scan selection) and the step order no longer reflects it.

Version-bump decision tree

Apply per tour after listing drift:

  • NO bump when the change is cosmetic. Examples: fix a typo, soften copy, rename a data-tour-id selector while keeping the same step, swap one screenshot for another, tighten wording.
  • BUMP version when the user-visible flow changes materially. Examples: a new step was added or removed; the order changed; an anchored target was retargeted to a different panel; the tour now covers a new feature on the surface.

When in doubt, ask: "Would a user who already saw the previous version miss something useful by not seeing this one?" If yes, bump.

Output format

When emitting a report, follow the exact structure in references/output-format.md. The structure is mandatory because the report is consumed downstream and tolerates no field reordering.

What this skill MUST NOT do

  • Do not edit *.tour.ts files. This skill is report-only.
  • Do not edit UI files to add or rename data-tour-id attributes.
  • Do not invent new tours. Authoring a new tour is a separate, deliberate decision — the developer makes it, not the skill.
  • Do not flag drift in tours whose coversFiles do not match any file in the current change. Stick to the early-exit rule.

See also

  • references/output-format.md — exact report template (read when emitting a report).
  • references/tours-architecture.md — code map for the tour abstraction under ui/lib/tours/.
  • assets/tour-template.ts — boilerplate for authoring a new *.tour.ts.

Use this skill

Connect your agent to the Skill Store MCP server and ask for it by ref: prowler-cloud/prowler-tour-28302990969.

Download SKILL.md · Markdown version

Details

Publisher
prowler-cloud
Category
Software Development › Frontend & UI
License
Apache-2.0
Updated
2026-10-19

References

More from prowler-cloud