onboard

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

Updated Jan 22, 2025
One-click install
npx skills add https://github.com/SL-A-SH/my-portfolio --skill onboard-sl-a-sh
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: onboard
Source: https://github.com/SL-A-SH/my-portfolio/tree/main/.claude/skills/onboard
Command: npx skills add https://github.com/SL-A-SH/my-portfolio --skill onboard-sl-a-sh

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Helps teams design or improve onboarding flows, empty states, and first-time user experiences so users understand value quickly, reduce drop-off, and reach their initial "aha" moment with minimal friction.

Core Features & Use Cases

  • Assessment & Strategy: Step-by-step context gathering to identify user goals, experience levels, and the key action that defines success.
  • Patterns & Deliverables: Concrete patterns for welcome screens, account setup, empty states, contextual tooltips, progressive onboarding, guided tours, and interactive tutorials.
  • Implementation Guidance: Technical and UX implementation notes (storage patterns, analytics, tooltip/tour libraries) and measurable success criteria like completion and time-to-value.
  • Use Case: Design an initial product onboarding that gets a new user to complete their first project and understand core value within five minutes.

Quick Start

Create an onboarding plan for a new dashboard that guides a first-time user to create and complete their first project within five minutes using a welcome screen, one interactive task, and an optional skip path.

Frequently Asked Questions about onboard

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

FAQPage Schema
How do I design an onboarding flow that reduces first-time user drop-off?

Design onboarding flows by identifying user goals and using progressive disclosure to guide users to their initial aha moment. This approach minimizes friction and helps users understand core product value quickly, reducing early drop-off rates.

What are the best patterns for empty states and contextual tooltips in user onboarding?

Effective onboarding patterns include welcome screens, interactive tutorials, and contextual tooltips. These elements guide first-time users through necessary setup tasks and highlight key actions without overwhelming the initial user experience.

How can I measure the success of a progressive onboarding experience?

Measure onboarding success using time-to-value and completion rates. Track how quickly users complete their first key action, such as creating an initial project, to determine if the guided tour effectively accelerates product adoption.

Does this approach support both web and mobile guided tours?

Yes, the onboarding design principles apply to both web and mobile features. You can implement contextual tooltips, interactive tutorials, and empty states across different platforms to ensure a consistent first-time user experience.

What is progressive disclosure and when should I use it in onboarding?

Progressive disclosure is an onboarding technique that reveals features gradually as users need them. Use it to prevent overwhelming new users, ensuring they reach their aha moment by focusing on one core task at a time during initial setup.

How do I create a five minute time-to-value onboarding plan for a new dashboard?

Create a rapid onboarding plan using a welcome screen, one interactive task, and an optional skip path. This structure guides first-time users to complete their first project within five minutes, accelerating their time-to-value.