onboard

Create onboarding flows with welcome screens and progress indicators.

45|3|Updated Jan 20, 2026
One-click install
npx skills add https://github.com/YuDefine/nuxt-supabase-starter --skill onboard-yudefine
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: onboard
Source: https://github.com/YuDefine/nuxt-supabase-starter/tree/main/.claude/skills/onboard
Command: npx skills add https://github.com/YuDefine/nuxt-supabase-starter --skill onboard-yudefine

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Onboarding design helps teams create effective first-run experiences, reduce confusion, and accelerate time-to-value for new users.

Core Features & Use Cases

  • Guided first-run experiences that teach key tasks without overwhelming users
  • Empty-state design patterns that convert blank screens into productive entry points
  • Contextual onboarding prompts and hints that adapt to user progress
  • Best-practice checklists for onboarding research, prototyping, and testing

Quick Start

Design a basic onboarding flow for a new feature, including a welcome screen, empty-state guidance, and progress indicators

Frequently Asked Questions about onboard

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

FAQPage Schema
What is onboarding design and how does it improve first-time user experience?

Onboarding design creates guided first-run experiences that reduce initial confusion and accelerate time-to-value for new users. It employs contextual prompts and empty-state patterns to teach key tasks without overwhelming users during feature launches.

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

To design an onboarding flow, structure a welcome screen, empty-state guidance, and progress indicators. This streamlines the creation of first-time user experiences by converting blank screens into productive entry points using contextual hints.

What are empty-state design patterns and when should I use them?

Empty-state design patterns convert blank screens into productive entry points for first-time users. Use them during initial app use or feature launches to provide clear guidance and convert unpopulated interfaces into actionable onboarding opportunities.

Can I use contextual onboarding prompts to adapt to user progress?

Yes, contextual onboarding prompts adapt to user progress to provide guidance without overwhelming users. These prompts streamline first-time user experiences by delivering targeted assistance exactly when users encounter new features or empty states.

What is the best way to prototype and test first-time user experiences?

The best way to test first-time user experiences is applying best-practice checklists for onboarding research and prototyping. This ensures guided first-run experiences effectively teach key tasks and accelerate time-to-value before full feature launches.

Do I need specific scripts or assets to build onboarding flows?

You can reference optional scripts and assets directories to fulfill onboarding design tasks. The setup requires declaring a name and description in configuration, allowing you to streamline guided first-run experiences and contextual hints effectively.