onboard

Design user onboarding flows, empty states, and guided tutorials.

5|Updated Sep 14, 2025
One-click install
npx skills add https://github.com/JiaxuanZou0714/jiaxuanzou0714.github.io --skill onboard-jiaxuanzou0714
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: onboard
Source: https://github.com/JiaxuanZou0714/jiaxuanzou0714.github.io/tree/main/.agents/skills/onboard
Command: npx skills add https://github.com/JiaxuanZou0714/jiaxuanzou0714.github.io --skill onboard-jiaxuanzou0714

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps design and improve onboarding flows, empty states, and first-time user experiences to ensure users understand product value quickly and get started successfully.

Core Features & Use Cases

  • Onboarding Strategy: Defines principles like "Show, Don't Tell" and "Time to Value" to guide user learning.
  • Experience Design: Provides patterns for initial product onboarding, feature discovery, guided tours, and interactive tutorials.
  • Empty State Design: Offers a framework for creating informative and actionable empty states.
  • Use Case: A product manager can use this Skill to brainstorm and outline an onboarding flow for a new feature, ensuring users understand its benefits and how to use it from the first interaction.

Quick Start

Design an onboarding experience for a new user signing up for a project management tool.

Frequently Asked Questions about onboard

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

FAQPage Schema
What is user onboarding design and why is it important for product adoption?

User onboarding design applies principles like progressive disclosure and time-to-value to ensure new users understand product benefits quickly, reducing friction and driving successful first-time user adoption.

How do I design an onboarding flow for a new feature?

Design an onboarding flow by applying structured patterns for feature discovery, guided tutorials, and contextual learning. Use progressive disclosure to show value immediately while minimizing friction for new users.

What's the best way to design empty states that drive user action?

Design empty states by applying a framework that makes them informative and actionable. Use empty states to guide first-time user experience, showing users exactly what steps to take next to realize product value.

Can I use progressive disclosure to improve first-time user experience?

Yes, progressive disclosure is a core principle for improving first-time user experience. It structures onboarding flows to reveal features contextually, reducing cognitive load and accelerating time-to-value for new users.

How does contextual learning work in user onboarding?

Contextual learning in user onboarding teaches users through interactive tutorials and guided tours within the actual product interface. This approach minimizes friction by showing functionality exactly when users need it.

When should I avoid using guided tours in my onboarding flow?

Avoid guided tours when they create excessive friction or delay time-to-value. If a welcome screen or empty state design can communicate product understanding more efficiently, prioritize minimal friction over step-by-step tutorials.