skills.rest
Tea-4-Life
Tea-4-LifeOFFICIAL
Explore all skills by this author →
GitHub

onboard

Design onboarding flows with empty states, tooltips, and guided tours.

Updated Jan 25, 2026
Search Tags:#design#onboarding#user-experience#guided-tour#empty-states#user-education#onboarding-principles
One-click install
npx skills add https://github.com/Tea-4-Life/Tea4Life-Frontend-Website --skill onboard-tea-4-life
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: onboard
Source: https://github.com/Tea-4-Life/Tea4Life-Frontend-Website/tree/main/.agents/skills/onboard
Command: npx skills add https://github.com/Tea-4-Life/Tea4Life-Frontend-Website --skill onboard-tea-4-life

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Onboarding flows, empty states, and first-time user experiences help users get started quickly and understand the product value.

Core Features & Use Cases

  • Design principles and context gathering to shape onboarding that guides users toward an "aha moment".
  • Empty states, contextual tooltips, progressive onboarding, and guided tours to onboard efficiently without overwhelming.
  • Templates and playbooks for initial product onboarding, feature discovery, and early success steps.

Quick Start

Identify the target user journey, define the aha moment, and implement a 3-step onboarding flow with an optional skip.

Frequently Asked Questions about onboard

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

FAQPage Schema
How do I design user onboarding flows that drive user value?▼

Design user onboarding by identifying goals and the aha moment to align the experience with value. Apply empty states, contextual tooltips, progressive tours, and guided walkthroughs to help users learn core concepts efficiently.

What is the best way to use empty states and contextual tooltips for first-time user education?▼

Empty states and contextual tooltips provide first-time user education by guiding users toward an aha moment without overwhelming them. They serve as efficient onboarding mechanisms to help users discover core product features.

How do I implement progressive onboarding tours with a non-blocking skip option?▼

Implement progressive onboarding tours by defining a 3-step flow that highlights early success steps, while incorporating non-blocking skip options. This approach ensures fast time-to-value while maintaining user trust.

Can I define success metrics and guardrails for a guided product walkthrough?▼

Yes, you can define success metrics and guardrails for a guided product walkthrough. Establishing these constraints ensures the onboarding process maintains user trust and drives fast time-to-value effectively.

When should I use progressive onboarding instead of a full guided tour for feature discovery?▼

Use progressive onboarding instead of a full guided tour when you need to onboard efficiently without overwhelming the user. Progressive tours reveal features contextually, ensuring users reach the aha moment faster.

Related Skills

Explore More Design & Creative Skills→
Productfculty-aipmProductfculty-aipm
70

journey-mapping

Map end-to-end user journeys with touchpoints, emotions, and friction points.

Community
Advanced
OussemasahbeniOussemasahbeni
51

onboard

Design onboarding flows, empty states, and guided tours with progressive disclosure.

Community
Intermediate
sanky369sanky369
29

loading-states

Design loading states and empty data prompts for asynchronous user interfaces.

Community
Basic
cjmellorcjmellor

walkthrough

Generates QA walkthroughs and testing guides from feature changes.

Community
Intermediate