skills.rest
stevengonsalvez
stevengonsalvezCOMMUNITY
Explore all skills by this author →
GitHub

onboard

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

Updated Apr 10, 2026
Search Tags:#onboarding#ux-design#tooltips#progressive-disclosure#guided-tour#empty-states
One-click install
npx skills add https://github.com/stevengonsalvez/nanoclaw-standalone --skill onboard-stevengonsalvez
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: onboard
Source: https://github.com/stevengonsalvez/nanoclaw-standalone/tree/main/container/skills/onboard
Command: npx skills add https://github.com/stevengonsalvez/nanoclaw-standalone --skill onboard-stevengonsalvez

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Onboarding is frequently incomplete or overwhelming, causing new users to feel lost and delaying their value realization.

Core Features & Use Cases

  • Initial Product Onboarding: Introduces value, estimates time, and provides a skip option.
  • Empty States: Turns empty screens into guided opportunities with clear next steps.
  • Tooltips & Contextual Help: Provides timely hints at point of use.
  • Guided Tours & Interactive Tutorials: Walks users through key workflows with sample data.
  • Progressive Onboarding: Elevates complexity gradually as users engage with the product.

Quick Start

Outline an onboarding plan for a new feature and craft the accompanying empty-state and contextual-help content so users reach the "aha moment" 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 that gets users to value quickly without overwhelming them?▼

Progressive onboarding elevates complexity gradually as users engage, utilizing empty states with clear next steps and contextual tooltips to prevent overwhelm and accelerate value realization.

What is the best way to structure guided tours and interactive tutorials for new users?▼

The best guided tours walk users through key workflows using sample data, estimate completion time upfront, and always provide a skip option to ensure the onboarding remains non-blocking and optional.

How do I create empty states that guide users instead of just looking blank?▼

Effective empty states turn blank screens into guided opportunities by providing clear next steps and contextual help, ensuring users understand exactly what action to take next to realize product value.

Does progressive disclosure work for both web and mobile onboarding experiences?▼

Progressive disclosure applies across web and mobile onboarding experiences, allowing product teams to elevate complexity gradually and provide contextual tooltips that help users adopt the product quickly on any platform.

When should I add skip options and guardrails to my product onboarding flow?▼

Skip options and guardrails should be integrated into initial product onboarding and guided tours to satisfy requirements for safe, optional, non-blocking experiences that respect user autonomy and prevent workflow interruption.

Related Skills

Explore More Design & Creative Skills→
oliverjone01-devoliverjone01-dev
1

onboard

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

Community
Intermediate
nattergabrielnattergabriel
2

onboard

Plan and implement onboarding flows and empty-state experiences for web and mobile interfaces.

Community
Advanced
yckkkkyckkkk
1

onboard

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

Community
Intermediate
Arnutt-NArnutt-N

help-tour

Guide users through HR-IMS with interactive tours and tooltips.

Community
Advanced