skills.rest
mahou-labs
mahou-labsOFFICIAL
Explore all skills by this author →
GitHub

onboard

Design onboarding flows and guided tours for web apps and SaaS products.

1|Updated Mar 12, 2026
Search Tags:#design#onboarding#user-experience#interactive-tutorials#empty-states#guided-tours#onboarding-principles
One-click install
npx skills add https://github.com/mahou-labs/shiru --skill onboard-mahou-labs
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: onboard
Source: https://github.com/mahou-labs/shiru/tree/main/.agents/skills/onboard
Command: npx skills add https://github.com/mahou-labs/shiru --skill onboard-mahou-labs

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Onboarding often fails to quickly demonstrate value; this Skill provides a structured approach to create onboarding flows that reduce time-to-value and improve activation.

Core Features & Use Cases

  • Contextual guidance and empty-state design that show the value proposition
  • Guided tours and progressive onboarding to introduce features without overwhelming users
  • Design principles and a reusable protocol to gather context before designing the onboarding experience
  • Use Case: Apply to SaaS dashboards where first-time user success depends on discovering core actions quickly.

Quick Start

Design onboarding experiences that help new users understand value and achieve their first success quickly.

Frequently Asked Questions about onboard

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

FAQPage Schema
What is the best way to design onboarding that reduces time-to-value for new users?▼

The best onboarding design uses a context gathering protocol to understand user needs, then applies progressive onboarding and guided tours to introduce features without overwhelming them. This structured approach drives quick value and improves activation rates.

How do I create empty states that show value proposition for first-time users?▼

To create effective empty states, apply design principles that use contextual guidance to demonstrate the product's value proposition. These empty-state designs help first-time users discover core actions quickly across web apps and SaaS dashboards.

When do I need progressive onboarding versus guided tours for my SaaS dashboard?▼

You need progressive onboarding when introducing complex features gradually over time to avoid overwhelming users, whereas guided tours are best for initial orientation. Both techniques help SaaS dashboard users discover core actions and achieve first success.

Can I use this onboarding design approach for web apps beyond SaaS products?▼

Yes, you can apply these onboarding design principles to first-time user experiences across various web apps. The structured protocol and implementation patterns for interactive tutorials and empty states are versatile for driving time-to-value beyond just SaaS products.

How does a context gathering protocol work before designing an onboarding flow?▼

A context gathering protocol works by collecting relevant user and product information before you design the onboarding flow. This reusable protocol ensures the resulting interactive tutorials and empty states align with actual user needs to drive activation.

Related Skills

Explore More Design & Creative Skills→
xbg-solutionsxbg-solutions

onboard

Design onboarding flows, empty states, and first-run experiences.

Official
Advanced
AkaraChenAkaraChen
270

onboard

Design onboarding flows with activation metrics and guided tutorials.

Community
Advanced
wellsgzwellsgz

onboard

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

Community
Intermediate
Arnutt-NArnutt-N

help-tour

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

Community
Advanced