onboard

Design onboarding flows with tooltips, progressive disclosure, and success metrics.

Updated Nov 13, 2023
One-click install
npx skills add https://github.com/Bloodrey41/dotfiles --skill onboard-bloodrey41
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: onboard
Source: https://github.com/Bloodrey41/dotfiles/tree/main/.claude/skills/onboard
Command: npx skills add https://github.com/Bloodrey41/dotfiles --skill onboard-bloodrey41

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

This Skill provides structured guidance to design onboarding experiences that reduce friction, speed up time-to-value, and improve first-run satisfaction.

Core Features & Use Cases

  • Onboarding Principles: Show, Don't Tell; Time to Value; Context Over Ceremony; Respect User Intelligence.
  • Onboarding Components: Initial Product Onboarding, Feature Discovery & Adoption, Guided Tours & Walkthroughs, Interactive Tutorials, Documentation & Help, Empty State Design.
  • Design & Evaluation: Design handbooks, templates, and assessment criteria to verify onboarding effectiveness across product contexts.

Quick Start

Follow the Context Gathering Protocol in /frontend-design to define onboarding goals, then design or improve onboarding experiences using the guidelines and principles described here.

Frequently Asked Questions about onboard

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

FAQPage Schema
How do I design onboarding experiences that reduce user friction?

Design onboarding experiences that reduce friction by applying principles like Show Don't Tell, progressive disclosure, and contextual tooltips. This approach accelerates value realization and improves first-run satisfaction for SaaS products.

What is the best way to design empty states for first-run user activation?

Design empty states for first-run user activation by guiding users toward their first core action. Effective empty state design provides clear context, instructional cues, and immediate pathways to realize product value without overwhelming new users.

How do I create a guided tour that accelerates time to value?

Create a guided tour that accelerates time to value by respecting user intelligence and prioritizing context over ceremony. Interactive tutorials and walkthroughs should highlight core features progressively rather than forcing exhaustive upfront instructions.

Does this onboarding design approach work for web and SaaS products?

Yes, this onboarding design approach explicitly targets web and SaaS products. It provides design handbooks, templates, and assessment criteria to verify onboarding effectiveness across various product contexts and feature discovery scenarios.

How do I evaluate the effectiveness of a product onboarding flow?

Evaluate the effectiveness of a product onboarding flow by applying structured assessment criteria and success metrics. Measure time-to-value, first-run satisfaction, and user activation rates to verify that contextual tooltips and interactive tutorials reduce friction.

When should I use progressive disclosure instead of a full guided walkthrough?

Use progressive disclosure instead of a full guided walkthrough when respecting user intelligence is critical. Progressive disclosure reduces initial friction by revealing feature complexity contextually, whereas full walkthroughs suit initial product onboarding requiring structured step-by-step guidance.