Verified: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

Ready to run

npx skills add https://github.com/mahou-labs/shiru --skill onboard-mahou-labs

💬 Prompt for ChatGPT / Claude Chat▼

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.