skills.rest
Mrlyk
MrlykCOMMUNITY
Explore all skills by this author →
GitHub

onboard

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

Updated Mar 19, 2026
Search Tags:#design#onboarding#ux#empty-states#guided-tours#onboarding-patterns
One-click install
npx skills add https://github.com/Mrlyk/SKILLS --skill onboard-mrlyk
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: onboard
Source: https://github.com/Mrlyk/SKILLS/tree/main/skills/ui-design/onboard
Command: npx skills add https://github.com/Mrlyk/SKILLS --skill onboard-mrlyk

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Onboarding is often the most critical moment for user adoption; this skill helps teams design onboarding experiences that reduce confusion, speed time to value, and align users with product value from first use.

Core Features & Use Cases

  • Onboarding principles: Show, don't tell; progressive disclosure; respect user intelligence.
  • Initial product onboarding: Welcome, accounts, and core concept introduction tailored to context.
  • Feature Discovery & Adoption: Empty states, contextual tooltips, and guided tours to surface value without overwhelm.
  • Guided tours & interactive tutorials: Hands-on walkthroughs with sample data and checkpoints.
  • In-product help & documentation patterns: Contextual help links, quick references, and learn-more patterns.
  • Onboarding quality verification: Metrics to test time to value, completion, and skip rate.

Quick Start

Outline the target onboarding goal and user context, then design an onboarding flow using the guidelines in this skill.

Frequently Asked Questions about onboard

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

FAQPage Schema
What are the core principles for designing effective UX onboarding flows?▼

Effective onboarding patterns include empty states, contextual tooltips, and guided tours. These elements surface product value progressively without overwhelming new users during initial feature discovery.

How do I design an interactive guided tour with sample data?▼

In-product help patterns include contextual help links, quick references, and learn-more modules. These documentation patterns provide immediate assistance without forcing users to leave the interface.

Can I use empty state patterns to improve feature discovery and adoption?▼

Yes, empty states are effective onboarding patterns for feature discovery. They provide contextual guidance and surface value by guiding users toward core actions when no data exists yet.

How do I measure onboarding quality and verify time to value?▼

Measure onboarding quality by tracking time to value, completion rates, and skip rates. These metrics verify whether your onboarding flow successfully helps users understand and adopt the product quickly.

What is the best way to introduce core concepts during initial product onboarding?▼

Initial product onboarding should tailor welcome flows and core concept introductions to user context. This ensures accounts and fundamental features are presented logically to speed up adoption.

Related Skills

Explore More Design & Creative Skills→
hyukudanhyukudan
1

onboarding-cro

Design onboarding flows, checklists, and engagement loops for user activation.

Community
Intermediate
Gull-StackGull-Stack

onboarding-cro

Design activation-focused onboarding flows and metrics plans for SaaS products.

Official
Advanced
SL-A-SHSL-A-SH

onboard

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

Community
Intermediate
686f6c61686f6c61
105

flow-review

Analyze user flows to identify friction points and propose simplifications.

Community
Intermediate