skills.rest
luyangliuable
luyangliuableCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

onboard

Design onboarding flows with guided tours and progressive disclosure.

Updated Mar 23, 2026
Search Tags:#onboarding#user experience#empty states#feature adoption#guided tours#first-time users
One-click install
npx skills add https://github.com/luyangliuable/claude-setup --skill onboard-luyangliuable
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: onboard
Source: https://github.com/luyangliuable/claude-setup/tree/main/.agents/skills/onboard
Command: npx skills add https://github.com/luyangliuable/claude-setup --skill onboard-luyangliuable

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill helps design onboarding experiences that reduce confusion, speed up first-time success, and guide users to the product's value without overwhelming them.

Core Features & Use Cases

  • Onboarding flow design: Plan welcome screens, setup steps, and first-run experiences that help new users get started.
  • Empty state and feature adoption patterns: Improve empty states, tooltips, guided tours, and progressive onboarding so users discover value in context.
  • Use Case: A new user lands in a complex product and doesn't know what to do next; this Skill helps create a concise, optional flow that teaches only the essential actions needed to reach an early win.

Quick Start

Ask the skill to design an onboarding flow for a specific product or feature and include the target user and first success moment.

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 first-time users in a complex interface?▼

Designing an onboarding flow involves planning welcome screens, setup steps, and first-run experiences that help new users get started. This ensures users reach the product's value quickly without feeling overwhelmed by complex interfaces.

What are empty states and how do they improve feature adoption?▼

Empty states are placeholder screens guiding users to discover value in context. Improving empty states, tooltips, and progressive onboarding patterns helps users find features naturally, reducing confusion when starting with an unfamiliar product.

What is progressive disclosure and when should I use it for guided tours?▼

Progressive disclosure is an onboarding technique that reveals only essential actions needed for an early win. Use it for guided tours in complex interfaces to teach features in context, preventing information overload for first-time users.

Can I include optional skip paths and track completion for returning users?▼

Yes, effective onboarding patterns require concise instructional content with optional skip paths. These reusable patterns track completion and respect returning users, ensuring the first-run setup does not repeatedly interrupt experienced users.

What is the best way to help new users reach their first success moment?▼

The best way to help new users reach their first success moment is by creating a concise, optional flow that teaches only the essential actions needed. This requires defining the target user and planning the specific early win.

Related Skills

Explore More Design & Creative Skills→
Tea-4-LifeTea-4-Life

onboard

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

Official
Advanced
Arnutt-NArnutt-N

help-tour

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

Community
Advanced
FavioVazquezFavioVazquez
59

distill

Analyzes designs to identify and remove unnecessary elements and visual clutter.

Community
Intermediate
tc9011tc9011

onboard

Design onboarding flows, empty states, and guided tutorials for first-time users.

Community
Intermediate