onboard

Design onboarding flows with progressive disclosure and measurable success metrics.

Updated Oct 30, 2025
One-click install
npx skills add https://github.com/juanelojga/juanelojga-webpage --skill onboard-juanelojga
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: onboard
Source: https://github.com/juanelojga/juanelojga-webpage/tree/main/.agents/skills/onboard
Command: npx skills add https://github.com/juanelojga/juanelojga-webpage --skill onboard-juanelojga

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Onboarding is the gateway to user adoption. This skill helps design or improve onboarding flows, empty states, and first-time user experiences so users understand value quickly and start using the product with confidence.

Core Features & Use Cases

  • Context-driven onboarding: Tailors guidance based on user goals and product state to reach the aha moment faster.
  • Empty-state optimization: Converts blank pages into productive entrypoints with clear CTAs and templates.
  • Progressive disclosure & optional skip: Lets experienced users bypass onboarding while guiding newcomers through essential steps.
  • First-use experience design: Crafts welcome screens, micro-interactions, and sample-data moments that demonstrate value in minutes.
  • Measurement-ready: Aligns with success metrics like time-to-value, completion rates, and drop-off points.
  • Example: For a project-management app, guide a new user to create a first project within the onboarding flow.

Quick Start

Gather the product context and user goals, then draft a lightweight onboarding outline that leads to a tangible first-value moment.

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 reduce time-to-value for new users?

To design onboarding flows that reduce time-to-value, gather product context and user goals, then draft a lightweight outline guiding users to a tangible first-value moment. This approach orients new users and accelerates their path to the aha moment quickly.

What is progressive disclosure in first-use experience design?

Progressive disclosure in first-use experience design is an approach that lets experienced users bypass onboarding while guiding newcomers through essential steps. It tailors guidance based on user goals and product state to reach the aha moment faster.

How do I optimize empty states to guide new users in a SaaS application?

To optimize empty states in a SaaS application, convert blank pages into productive entrypoints with clear CTAs and templates. This transforms dead ends into actionable first-use experiences that demonstrate product value in minutes.

Can I use guided tours for both desktop and mobile web applications?

Yes, you can design guided tours and onboarding flows for both desktop and mobile web applications. The approach applies context-driven guidance, optional skip, and progressive disclosure across both contexts to orient new users effectively.

What success metrics should I track for a first-time user experience?

Track time-to-value, completion rates, and drop-off points as success metrics for a first-time user experience. Aligning onboarding flows with these measurable metrics ensures you can evaluate how quickly users reach their first tangible value moment.

When should I let users skip onboarding in my web application?

You should let users skip onboarding when designing for experienced users or power users. Incorporating an optional skip alongside progressive disclosure ensures newcomers get necessary guidance while others can bypass it to reach value fast.