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.