skills.rest
trusted-american
trusted-americanOFFICIAL
Explore all skills by this author →
WebsiteGitHub

ember-shepherd-tours

Create guided onboarding tours for Ember.js applications using shepherd.js.

Updated Mar 24, 2026
Search Tags:#onboarding#frontend#routing#tour#ember#shepherd.js#emberjs
One-click install
npx skills add https://github.com/trusted-american/marketplace --skill ember-shepherd-tours
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: ember-shepherd-tours
Source: https://github.com/trusted-american/marketplace/tree/main/plugins/a3-plugin/skills/ember-shepherd-tours
Command: npx skills add https://github.com/trusted-american/marketplace --skill ember-shepherd-tours

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Ember applications often require guided onboarding and feature walkthroughs to reduce user confusion and improve feature discovery.

Core Features & Use Cases

  • Integrates with shepherd.js to provide tour steps, attachments, and navigation controls for Ember routes and components.
  • Supports lifecycle hooks, auto-advance, and modal overlays to create polished onboarding experiences.
  • Use case: onboard new users during first-launch to highlight core features across routes.

Quick Start

Install ember-shepherd, define steps, and call tour.start() to begin.

Frequently Asked Questions about ember-shepherd-tours

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I add guided onboarding tours to an Ember.js application?▼

Guided onboarding tours in Ember.js are added by integrating shepherd.js through an Ember service, defining steps with attachTo options, buttons, and lifecycle hooks, then calling tour.start() to begin the walkthrough.

What is the best way to highlight features across different Ember routes during a tour?▼

Highlighting features across Ember routes during a tour requires using shepherd.js with auto-advance and modal overlays, allowing the onboarding walkthrough to transition smoothly between application components and routes.

Can I use shepherd.js lifecycle hooks to control tour flow in Ember?▼

Shepherd.js lifecycle hooks can be used within Ember onboarding tours to control start and finish flows, attach steps to specific components, and trigger contextual help during user first-launch navigation.

Does ember-shepherd support modal overlays and auto-advance for feature walkthroughs?▼

Ember-shepherd supports modal overlays and auto-advance functionality to create polished onboarding experiences, reducing user confusion and improving feature discovery within Ember applications.

How do I define tour steps with attachTo options for contextual help in Ember?▼

Defining tour steps with attachTo options in Ember involves configuring shepherd.js elements within the Ember service, specifying target components and positioning for contextual help during onboarding walkthroughs.

When should I implement a first-launch onboarding tour in my frontend application?▼

First-launch onboarding tours should be implemented when your frontend application needs to reduce user confusion and improve feature discovery by highlighting core functionalities across routes and components.

Related Skills

Explore More Software Engineering Skills→
jaredlanderjaredlander

javascript-ember

Build Ember.js applications using Octane conventions and Glimmer components.

Community
Advanced
TheCraigHewittTheCraigHewitt
7.3k

email-sequence

Generate email sequences for onboarding, nurture, and re-engagement campaigns.

Community
Intermediate
Cogni-AI-OUCogni-AI-OU
3

code-tour

Generate VS Code CodeTour .tour walkthroughs with persona-specific steps and validation.

Official
Intermediate
SL-A-SHSL-A-SH

onboard

Designs product onboarding flows with assessments, templates, and implementation guidance.

Community
Intermediate