onboard

Design and improve onboarding flows, empty states, and first-run experiences.

Updated Nov 4, 2025
One-click install
npx skills add https://github.com/jatwell93/pharmacy-heatmap --skill onboard-jatwell93
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: onboard
Source: https://github.com/jatwell93/pharmacy-heatmap/tree/main/.agents/skills/onboard
Command: npx skills add https://github.com/jatwell93/pharmacy-heatmap --skill onboard-jatwell93

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.

Core Features & Use Cases

  • Onboarding flow design and refinement for new users
  • Empty-state optimization and progressive disclosure
  • Guided tours, contextual tooltips, and interactive tutorials to accelerate activation

Quick Start

Design and implement a guided onboarding flow that accelerates value and reduces friction.

Frequently Asked Questions about onboard

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

FAQPage Schema
How do I design a user onboarding flow that reduces friction for new users?

An effective onboarding flow combines guided tours, interactive tutorials, and optimized empty states to accelerate user activation. It provides contextual guidance directly within the interface to help new users reach core product value quickly.

What is an empty state in UX design and when should I use progressive disclosure?

An empty state is a UI screen displayed when no content or data exists, often serving as a first-run onboarding touchpoint. Progressive disclosure should be used to reveal complex features gradually, reducing friction and guiding new-user activation.

How do I create a guided tour or interactive tutorial for a web application?

Create a guided tour by designing contextual tooltips and step-by-step interactive tutorials that highlight key features during the first-run experience. This contextual help approach accelerates user activation across web and mobile interfaces.

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

Yes, this onboarding design approach applies to both web and mobile interfaces. It supports creating guided tours, empty states, and first-run experiences that accelerate user activation seamlessly across different platforms and device contexts.

What is the best way to improve new-user activation and product tutorials?

The best way to improve new-user activation is to refine first-run experiences using interactive tutorials and progressive disclosure. Optimizing empty states and providing contextual help ensures users reach core product value quickly without cognitive overload.

Why does my onboarding flow have high drop-off rates during the first-run experience?

High drop-off rates during a first-run experience often indicate excessive friction or poor contextual guidance. Redesigning onboarding flows with progressive disclosure, optimized empty states, and interactive guided tours helps users reach value quickly and reduces abandonment.