onboard

Name: onboard
Availability: InStock
Author: jonisirvio

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

Updated Nov 23, 2025

Search Tags:#onboarding #ux-design #tooltips #guided-tour #empty-states #progressive-onboarding

Ready to run

npx skills add https://github.com/JoniSirvio/bookshelfV2 --skill onboard-jonisirvio

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: onboard
Source: https://github.com/JoniSirvio/bookshelfV2/tree/main/.cursor/skills/onboard
Command: npx skills add https://github.com/JoniSirvio/bookshelfV2 --skill onboard-jonisirvio

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Onboarding experiences often fail to quickly orient new users, leaving them unsure how to get value from a product or feature.

Core Features & Use Cases

Empty states and welcoming first screens that set expectations and guide actions.
Contextual tooltips, guided tours, and progressive onboarding that teach features as users encounter them.
Real-world onboarding scenarios including new user registration, first task completion, and feature adoption across key flows.

Quick Start

Draft a concise onboarding flow for a new user, including an empty state, a welcome screen, and a short guided tour for core actions.

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 new users?▼

To design an onboarding flow, draft a concise sequence including an empty state, a welcome screen, and a short guided tour for core actions. This structured guidance helps users understand and adopt a product quickly by setting clear expectations.

What is progressive onboarding and when should I use it?▼

Progressive onboarding teaches features as users encounter them through contextual tooltips and guided tours. Use it to improve first-time experiences across various screens, ensuring users learn core actions naturally without hard-coded steps.

How do I create effective empty states that guide user actions?▼

Effective empty states are on-brand welcoming first screens that set expectations and guide actions. Design them to provide structured guidance and clear prompts, helping new users understand how to get value from a product immediately.

Can I build contextual tooltips and guided tours without hard-coded steps?▼

Yes, you can build contextual tooltips and guided tours while ensuring accessibility and modularity. The system specifies requirements for on-brand experiences while explicitly avoiding hard-coded steps, enabling flexible feature adoption across key flows.

What is the best way to improve first-time user adoption in a product?▼

The best way to improve first-time user adoption is applying structured onboarding systems. These provide contextual tips, progressive disclosure, and clear empty-state prompts, enabling product teams to speed up adoption with delightful onboarding across real-world scenarios.