onboard

Design onboarding flows guiding users from sign-up to first value.

Updated Aug 12, 2023
One-click install
npx skills add https://github.com/ky-zo/kyzo --skill onboard-ky-zo
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: onboard
Source: https://github.com/ky-zo/kyzo/tree/main/.agents/skills/onboard
Command: npx skills add https://github.com/ky-zo/kyzo --skill onboard-ky-zo

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Design onboarding experiences that help new users understand value quickly, reduce confusion, and achieve first value fast.

Core Features & Use Cases

  • Initial Product Onboarding: welcome screens, account setup, and core concept introduction.
  • Empty State & Contextual Guidance: effective empty states, tooltips, progress indicators, and contextual help.
  • Guided Tours & Tutorials: interactive tours, step-by-step instructions, and discovery patterns.
  • Documentation & Help: in-product help links and learn-more patterns to support ongoing usage.

Quick Start

Draft a complete onboarding flow that guides a new user from signup to first achievement, using contextual hints and a visible first-success path.

Frequently Asked Questions about onboard

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

FAQPage Schema
How do I design a SaaS onboarding flow that gets users to first value quickly?▼

Design a SaaS onboarding flow by mapping a guided path from signup to first achievement using welcome screens, core concept introductions, and visible first-success indicators to reduce confusion and accelerate value realization.

What are the best UX design patterns for first-time user onboarding?▼

Effective first-time user onboarding relies on progressive disclosure, interactive guided tours, contextual tooltips, and well-designed empty states to introduce core concepts and direct users toward their first value milestone.

How do I create effective empty states and contextual guidance for a web app?▼

Create effective empty states and contextual guidance by incorporating clear calls to action, progress indicators, and learn-more help links directly within the UI to help users understand what to do next when no data exists.

Does progressive disclosure work well for complex SaaS product onboarding?▼

Progressive disclosure works well for SaaS product onboarding by revealing complex features gradually through step-by-step instructions and interactive tours, preventing cognitive overload while users navigate from signup to first value.

When should I use interactive guided tours instead of static documentation for user onboarding?▼

Use interactive guided tours for initial product onboarding to drive hands-on discovery, and use static documentation or in-product help links for ongoing usage support when users need to learn more about specific features.