Orchestrate step-by-step UI tours in Vue applications with configurable props.
npx skills add https://github.com/jiaiyan/element-plus-skills --skill el-tour
Please help me install this Agent Skill. Skill: el-tour Source: https://github.com/jiaiyan/element-plus-skills/tree/main/components/el-tour Command: npx skills add https://github.com/jiaiyan/element-plus-skills --skill el-tour
Guides teams in creating consistent, interactive product tours that onboard users quickly and reduce support overhead.
Start a tour by mounting el-tour with v-model bound to a boolean flag and add el-tour-step items targeting elements on the page.
High-intent search queries and answers about installing and using this skill.
To implement a product tour for user onboarding in Vue, use a component that binds v-model to a boolean flag and defines step items targeting page elements to orchestrate step-by-step UI guidance.
Yes, you can customize interactive UI guides by configuring props for placement, mask, and type options to tailor the step-by-step tour experience for different application contexts.
Yes, the element-plus tour works with complex feature walkthroughs by targeting buttons, inputs, or any specific UI element to explain application flows and guide users through interactive tutorials.
The best way to highlight features during a Vue application demo is orchestrating step-by-step UI guidance with configurable targets to deliver a deterministic, accessible guide for users.
Yes, you need to configure props such as model-value, current, placement, mask, type, and tour steps to start an interactive tutorial and deliver deterministic UI guidance.
wepn13232Document Element Plus Tour component attributes and step behaviors for Vue developers.
ricardocidaleGuide new users through an application interface with step-by-step interactive tours.
IgniteUIProvide UI components for Angular applications with reactive forms support.
jiaiyanProvides a lightweight, popover-based option selector for Naive UI compact interfaces.
