onboard

Design onboarding flows with empty states, tooltips, and guided tours.

Updated Feb 8, 2026
One-click install
npx skills add https://github.com/wellsgz/SonarScope --skill onboard-wellsgz
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: onboard
Source: https://github.com/wellsgz/SonarScope/tree/main/.codex/skills/onboard
Command: npx skills add https://github.com/wellsgz/SonarScope --skill onboard-wellsgz

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Onboarding struggles slow users down, causing confusion and drop-off. This skill helps design flows that guide new users to value quickly with minimal friction.

Core Features & Use Cases

  • Empty states design and messaging to set expectations and provide next steps.
  • Contextual tooltips and progressive disclosure to teach features at point of need.
  • Guided tours & walkthroughs that demonstrate core workflows without blocking access.

Quick Start

Create or refine onboarding flows that guide new users to value quickly.

Frequently Asked Questions about onboard

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

FAQPage Schema
How do I design onboarding flows for a new SaaS web app?

Design SaaS onboarding flows by using contextual tooltips, guided tours, and empty states to help new users adopt core features quickly. This approach minimizes friction by guiding users through first-use moments and progressive feature education.

What is progressive onboarding and how does it work?

Progressive onboarding teaches product features at the point of need using contextual tooltips and progressive disclosure. It works by demonstrating core workflows without blocking access, allowing users to unlock value gradually rather than overwhelming them upfront.

How do I design empty states that set expectations for new users?

Design empty states to set expectations by providing clear messaging and actionable next steps before users interact with features. Effective empty states guide new users toward first value by explaining what content belongs in a blank space and how to add it.

What is the best way to create a guided tour without blocking access?

The best way to create non-blocking guided tours is to demonstrate core workflows through walkthroughs while keeping the interface fully accessible. This allows users to learn by doing and explore features independently instead of being forced through a rigid sequence.

Can I use this onboarding design approach for any web application?

You can apply this onboarding design approach to any web app or SaaS platform. It is specifically built for product teams focusing on guiding new users through first-use moments, empty states, and feature education without requiring specific technical dependencies.

Why does my user onboarding struggle with high drop-off rates?

User onboarding struggles with drop-off because friction and confusion slow users down before they reach value. Implementing progressive onboarding patterns and clear empty-state messaging helps guide users quickly, reducing friction and preventing early abandonment.