skills.rest
alicanerdogan
alicanerdoganCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

i-onboard

Design onboarding flows and empty states for web and mobile apps.

1|Updated Aug 29, 2023
Search Tags:#onboarding#design-principles#ux-design#tutorials#first-run#empty-states#guided-tours
One-click install
npx skills add https://github.com/alicanerdogan/dotfiles --skill i-onboard-alicanerdogan
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: i-onboard
Source: https://github.com/alicanerdogan/dotfiles/tree/main/pi/skills/i-onboard
Command: npx skills add https://github.com/alicanerdogan/dotfiles --skill i-onboard-alicanerdogan

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Designs and improves onboarding flows, empty states, and first-run experiences to help users reach value quickly. Use when the user mentions onboarding, first-time users, empty states, activation, getting started, or new user flows.

Core Features & Use Cases

  • Guides design of onboarding messaging and sequences
  • Creates empty state designs and CTAs that accelerate value realization
  • Templates for first-run experiences, product activation flows, and progressive disclosure

Quick Start

Draft an onboarding flow that guides new users from welcome to value in under five steps.

Frequently Asked Questions about i-onboard

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

FAQPage Schema
How do I design an onboarding flow that gets new users to value quickly?▼

Design an onboarding flow by mapping a path from welcome to value in under five steps. This requires defining an aha moment and applying progressive disclosure to guide users effectively.

What are empty states in UX design and when should I use them?▼

Empty states are UI screens displayed when no data exists yet. They are used during first-run experiences to guide new users, explain features, and provide CTAs that accelerate product activation.

How do I create a first-run experience for a mobile app feature introduction?▼

Create a first-run experience by designing guided tours and onboarding messaging sequences. This flow must account for varying user expertise and time constraints to unlock value faster.

What is the best way to structure onboarding for users with different levels of expertise?▼

The best way to structure onboarding is by applying progressive disclosure and tailoring the flow based on the Context Gathering Protocol. This ensures the onboarding experience adapts to varying user expertise.

Can I use this approach for both web and mobile app onboarding flows?▼

Yes, this onboarding approach is applicable to product launches, feature introductions, and first-run experiences across both web and mobile apps, accelerating user value in either environment.

Why does my new user activation flow fail to convert users?▼

Activation flows often fail because they lack a clearly defined aha moment or effective CTAs. Improving empty states and onboarding sequences helps users realize value faster and increases conversion.

Related Skills

Explore More Design & Creative Skills→
alekspetrovalekspetrov
196

nav-onboard

Analyze project context and deliver task-based Navigator onboarding flows.

Community
Advanced
celanthecelanthe
7

delight

Identify and implement moments of joy in web and mobile user interfaces.

Community
Advanced
qqrusqqrus

ux-designer

Provide UX design guidelines for user research, wireframing, prototyping, and information architecture.

Community
Advanced
Arnutt-NArnutt-N

help-tour

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

Community
Advanced