onboard

Design onboarding flows with guided tours, tooltips, and progressive disclosure.

Updated Aug 23, 2026
One-click install
npx skills add https://github.com/satriadhm/padelism --skill onboard-satriadhm
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: onboard
Source: https://github.com/satriadhm/padelism/tree/main/.qwen/skills/onboard
Command: npx skills add https://github.com/satriadhm/padelism --skill onboard-satriadhm

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Onboarding experiences that help users understand, adopt, and succeed with a product quickly, reducing time-to-value and friction.

Core Features & Use Cases

  • Contextual onboarding with optional participation and progressive disclosure to reduce cognitive load.
  • Guided tours, interactive tutorials, and contextual tooltips that teach as users encounter features.
  • Empty-state design and help patterns that guide first steps and establish clear value propositions.
  • In-product help and documentation patterns to support ongoing learning.

Quick Start

Draft a simple onboarding flow for a new feature that guides a user to complete their first action in under five minutes.

Frequently Asked Questions about onboard

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

FAQPage Schema
How do I design user onboarding flows that reduce time-to-value?

Design user onboarding flows by applying progressive disclosure, empty states, and guided tours to help new users reach value quickly. This approach reduces friction through structured guidance and contextual hooks, minimizing cognitive load across web and mobile applications.

What is the best way to create interactive tutorials and guided tours for a web app?

Create interactive tutorials and guided tours by using progressive disclosure and contextual tooltips that teach users as they encounter features. This method ensures structured guidance while evaluating engagement patterns to establish clear value propositions during the onboarding experience.

How do I design empty states that guide first actions in a mobile app?

Design empty states in mobile apps by incorporating help patterns that guide users through their first steps and establish clear value propositions. These empty-state designs serve as contextual onboarding hooks, reducing initial friction and accelerating time-to-value.

Can I use progressive disclosure to reduce cognitive load during product feature onboarding?

Use progressive disclosure to reduce cognitive load during product feature onboarding by revealing information contextually as users need it. This approach supports optional participation and structured guidance, ensuring users are not overwhelmed when adopting new features.

Does contextual onboarding work for both web apps and mobile apps?

Contextual onboarding works across web apps, mobile apps, and product features by applying interactive tutorials, guided tours, and empty states. It utilizes engagement pattern evaluation and best-practice templates to standardize the onboarding experience across different platforms.