onboard

Designs onboarding flows, empty states and first-time user experiences for web apps, mobile apps and SaaS platforms.

Updated Mar 11, 2026
One-click install
npx skills add https://github.com/jkhowland/jkhowland --skill onboard-jkhowland
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: onboard
Source: https://github.com/jkhowland/jkhowland/tree/main/.claude/skills/onboard
Command: npx skills add https://github.com/jkhowland/jkhowland --skill onboard-jkhowland

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Onboard helps teams design onboarding flows, empty states, and first-time user experiences to help users start quickly and understand value.

Core Features & Use Cases

  • Assess Onboarding Needs: identify challenges, users, success metrics, and the aha moment.
  • Onboarding Principles: Show, Don't Tell; Time to Value; Context over Ceremony; Respect User Intelligence; optional skip; progressive disclosure.
  • Design Onboarding Experiences: Initial Product Onboarding, Feature Discovery & Adoption, Guided Tours & Walkthroughs, Interactive Tutorials, Documentation & Help; Empty State Design.

Quick Start

Draft a concise 3-step onboarding outline focusing on the first aha moment and validate it with a minimal example.

Frequently Asked Questions about onboard

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

FAQPage Schema
How do I design onboarding flows that accelerate user value?

Design onboarding flows by identifying user challenges, success metrics, and the aha moment. Focus on progressive disclosure, contextual hints, and empty states to guide users to value quickly across web and mobile SaaS platforms.

What are the core principles for first-time user experience design?

First-time user experience design principles include Show Don't Tell, Time to Value, Context over Ceremony, and Respect User Intelligence. These ensure users reach the aha moment through progressive disclosure rather than overwhelming tutorials.

How do I create a guided tour without disrupting user onboarding?

Create guided tours by applying progressive disclosure and optional skip functionality. Respect user intelligence by providing contextual hints and interactive tutorials only when needed, reducing ceremony and accelerating time to value during initial product onboarding.

Can I use this onboarding design approach for both web apps and mobile apps?

Yes, this onboarding design approach applies to web apps, mobile apps, and SaaS platforms. It helps design welcome screens, feature discovery experiences, and empty states that accelerate user ramp-up regardless of the platform.

What is the best way to structure an initial product onboarding experience?

Structure initial product onboarding by drafting a concise 3-step outline focused on the first aha moment. Validate this minimal example to ensure the flow demonstrates value quickly and adheres to time-to-value principles.

Why does my empty state design fail to drive feature adoption?

Empty state design fails when it lacks contextual hints and progressive disclosure. Improve feature adoption by using empty states to guide first-time users toward the aha moment, showing value rather than just displaying a blank screen.