onboard

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

Updated Mar 24, 2026
One-click install
npx skills add https://github.com/delbyte/ciao-bello-website --skill onboard-delbyte
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: onboard
Source: https://github.com/delbyte/ciao-bello-website/tree/main/.agents/skills/onboard
Command: npx skills add https://github.com/delbyte/ciao-bello-website --skill onboard-delbyte

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Design onboarding flows, empty states, and first-time user experiences to help users get started quickly and understand value.

Core Features & Use Cases

  • Context Gathering Protocol: Emphasizes gathering user context (goals, experience, aha moment) before designing onboarding.
  • Onboarding Principles: Show, Don't Tell; Time to Value; Progressive Onboarding; Context Over Ceremony; Respect User Intelligence.
  • Design Patterns: Empty states, contextual tooltips, guided tours, and interactive tutorials to guide users.
  • Use Case: Create onboarding for a new SaaS feature with an empty state and a guided tour that leads to the first value action.

Quick Start

Run the Context Gathering Protocol to capture user goals, experience level, and aha moments, then draft the initial onboarding flows.

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 for first-time users?

Design an onboarding flow by applying structured principles like Show Don't Tell, Progressive Onboarding, and Time to Value. You can use patterns such as contextual tooltips, guided tours, and interactive tutorials to lead users to their first value action quickly.

What is the best way to design empty states for a new SaaS feature?

The best way to design empty states is to use them as a contextual onboarding pattern that guides users toward their first action. Empty states should respect user intelligence and provide clear context over ceremony to help users understand the feature's value.

How does context gathering work for UX onboarding?

Context gathering works by capturing user goals, experience levels, and aha moments before drafting initial onboarding flows. This protocol-driven approach ensures the first-time user experience is tailored to what the user actually needs to get started quickly.

When should I use progressive onboarding instead of a guided tour?

Use progressive onboarding when you want to reveal features contextually as users navigate, rather than overwhelming them upfront with a guided tour. Progressive onboarding respects user intelligence by showing features only when they become relevant to the user's current context.

Can I use this onboarding approach for feature discovery and account setup?

Yes, you can apply this structured onboarding approach across various scenarios including feature discovery, account setup, and progressive disclosure. It provides evaluation criteria and templates to help users achieve their first value action in any product onboarding scenario.

Why does my first-time user experience fail to show value quickly?

A first-time user experience often fails when it prioritizes ceremony over context, delaying the user's time to value. Applying the Context Over Ceremony principle ensures you gather user context first and design interactive tutorials that lead directly to the aha moment.