onboard

Designs contextual onboarding flows with empty states, guided tours, progressive disclosure, optional skip paths, and measurable success criteria for user segments.

Updated Mar 6, 2026
One-click install
npx skills add https://github.com/dhruvil7797/CloudGenZ-Client-Demo --skill onboard-dhruvil7797
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: onboard
Source: https://github.com/dhruvil7797/CloudGenZ-Client-Demo/tree/main/.cline/skills/onboard
Command: npx skills add https://github.com/dhruvil7797/CloudGenZ-Client-Demo --skill onboard-dhruvil7797

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Onboarding design helps users understand the product, reach value quickly, and reduce drop-off by guiding initial interactions, empty states, and first-use milestones.

Core Features & Use Cases

  • Show, Don't Tell: Demonstrate functionality within the onboarding flow using real examples rather than long descriptions.
  • Time to Value: Front-load the most critical concepts and provide guided paths that lead to a first success.
  • Context Over Ceremony: Trigger guidance when users encounter unfamiliar features and leverage empty states as onboarding opportunities.
  • Empty States & Progression: Use empty states with clear CTAs and templates to surface value early.
  • Guided Tours & Interactive Tutorials: Provide short, interactive tours and practice tasks to reinforce learning.

Quick Start

Design and implement a contextual onboarding flow for a feature, including an empty state, guided tour, and a first-success task.

Frequently Asked Questions about onboard

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

FAQPage Schema
What is progressive disclosure in user onboarding and when should I use it?

Progressive disclosure in user onboarding reveals features gradually as users interact, preventing information overload. Use it to guide beginners to early value while keeping advanced features accessible for power users without overwhelming first-time users.

How do I design a guided tour that reduces first-use drop-off?

Design a guided tour by mapping user journeys to value moments and identifying where users struggle most. Front-load critical concepts, use interactive practice tasks, and trigger contextual guidance through empty states rather than overwhelming users with upfront instructions.

How do I create an empty state that acts as an onboarding opportunity?

Create an onboarding empty state by including clear calls to action and templates that demonstrate functionality. Use real examples to show value early, guiding users toward their first success task directly from the empty interface rather than displaying static placeholder text.

What is the best way to measure onboarding success and iterate?

The best way to measure onboarding success is to specify measurable criteria tied to value moments, create lightweight prototypes, and validate with real users. Rapidly iterate on the guided tours and empty states based on where users struggle most during first-use.

Can I tailor onboarding flows for different user segments like power users?

Yes, you can tailor onboarding flows for different segments by designing contextual paths for beginners versus power users. Ensure optional skip paths exist so users can bypass guided tours, allowing them to navigate independently while still reaching value moments quickly.