skills.rest
AskTinNguyen
AskTinNguyenCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

onboard

Design onboarding flows and first-time user experiences for web and mobile interfaces.

1|Updated Jan 26, 2026
Search Tags:#onboarding#user-experience#ux-research#interactive-tutorials#empty-states#onboarding-design#guided-tunnels
One-click install
npx skills add https://github.com/AskTinNguyen/vesper-team-skills --skill onboard-asktinnguyen
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: onboard
Source: https://github.com/AskTinNguyen/vesper-team-skills/tree/main/onboard
Command: npx skills add https://github.com/AskTinNguyen/vesper-team-skills --skill onboard-asktinnguyen

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Onboarding design is about crafting onboarding flows, empty states, and first-time user experiences that help users understand value quickly and start using the product effectively.

Core Features & Use Cases

  • Create onboarding experiences that teach core concepts and guide users from novelty to value.
  • Design empty states, contextual tooltips, and guided tours to improve feature discovery and adoption.
  • Provide interactive tutorials and structured design processes that align with mandatory preparation and Context Gathering Protocol.

Quick Start

Design an onboarding flow for a new feature that moves a user from signup to first success within five minutes.

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 moves users to first value quickly?▼

Onboarding flow design uses the Time to Value principle to move users from signup to first success within five minutes. It incorporates interactive tutorials and guided tours to teach core concepts and accelerate product adoption.

What is the best way to design empty states for new feature discovery?▼

Empty state design uses contextual tooltips and structured visual cues to guide users through initial interactions. This approach improves feature discovery by transforming blank interfaces into actionable learning moments.

How do interactive tutorials improve first-time user experience?▼

Interactive tutorials improve first-time user experience by applying the Show-Don't-Tell principle to demonstrate functionality directly. This hands-on approach helps users understand product value faster than passive reading.

Can I use guided tours for both web and mobile interface onboarding?▼

Guided tours support onboarding design across both web and mobile interfaces. They provide structured walkthroughs that help users navigate new features and complete core tasks regardless of platform.

What preparation is needed before creating a product tour?▼

Product tour creation requires mandatory preparation steps including context gathering and defining target user outcomes. This ensures the tour aligns with actual user needs rather than just highlighting interface elements.

Related Skills

Explore More Design & Creative Skills→
kihyun1998kihyun1998

onboard

Design onboarding flows with preparation steps and context gathering protocols.

Community
Advanced
guillermoscriptguillermoscript
21

onboard

Designs user onboarding flows, empty states, and first-time experiences.

Community
Intermediate
docaohieu2808docaohieu2808

onboarding-cro

Analyze post-signup onboarding flows and generate activation checklists with Python scripts.

Community
Intermediate
duggal1duggal1
2

onboard

Design onboarding experiences with guided tours and progressive disclosure.

Community
Advanced