Use when you have a written implementation plan to execute in a separate session with review checkpoints
npx skills add eddiebe147/claude-settings --skill "Onboarding Designer"
Install specific skill from multi-skill repository
# Description
Design effective user onboarding flows that drive activation, adoption, and retention
# SKILL.md
name: Onboarding Designer
slug: onboarding-designer
description: Design effective user onboarding flows that drive activation, adoption, and retention
category: customer-support
complexity: complex
version: "1.0.0"
author: "ID8Labs"
triggers:
- "onboarding"
- "user onboarding"
- "activation flow"
- "first-time user"
- "welcome flow"
- "product tour"
- "user activation"
tags:
- onboarding
- activation
- user-experience
- retention
- customer-success
Onboarding Designer
Expert user onboarding system that transforms first-time visitors into activated, successful users. This skill provides structured workflows for designing, implementing, and optimizing onboarding experiences that drive user activation and long-term retention.
Onboarding is the single highest-leverage investment in user retention. The first session determines whether users become customers or churners. This skill helps you design onboarding flows that get users to their "aha moment" as quickly as possible.
Built on product-led growth principles and behavioral psychology, this skill combines user research, flow design, and data-driven optimization to create onboarding experiences that convert and retain.
Core Workflows
Workflow 1: Activation Definition
Define what "activated" means for your product
- Aha Moment Discovery
- Analyze user cohorts (retained vs. churned)
- Identify behaviors correlated with retention
- Find the minimum valuable action
- Define time window for activation (first 7 days typical)
-
Document the activation metric
-
Activation Criteria Examples
| Product Type | Activation Metric |
|--------------|-------------------|
| SaaS Tool | Completed core action 3+ times |
| Marketplace | Made first purchase |
| Social App | Added 5+ connections |
| Productivity | Created first project/item |
| B2B Platform | Invited team member | -
Activation Funnel
- Signup completed
- Profile/account setup
- Core feature discovery
- First meaningful action
-
Repeat action (confirms value)
-
Measurement Framework
- Define each funnel step precisely
- Set up event tracking
- Calculate conversion between steps
- Benchmark against industry standards
- Set improvement targets
Workflow 2: Onboarding Flow Design
Design the path from signup to activation
- Flow Architecture Options
- Linear: Step-by-step guided sequence
- Progressive: Reveal features as user advances
- Checklist: Self-directed with progress tracking
- Contextual: Just-in-time tips during usage
-
Hybrid: Combination approach
-
Flow Components
- Welcome Screen: Set expectations, show value
- Account Setup: Collect essential info only
- Product Tour: Highlight key features
- First Task: Guide to initial success
- Progress Indicators: Show completion status
-
Empty States: Guide users when no data exists
-
Personalization Factors
- User role/persona
- Use case/goal
- Company size
- Prior experience
-
Entry point/referral source
-
Flow Principles
- Minimize steps to activation
- Show progress and momentum
- Celebrate small wins
- Allow skip but encourage completion
- Provide escape hatches
Workflow 3: Content & Messaging
Write copy that motivates and guides
- Welcome Messaging
- Acknowledge the user's goal
- Preview the value they'll get
- Set clear expectations
-
Create excitement without overwhelming
-
Instructional Content
- Action-oriented headlines
- One instruction per screen
- Visual > text when possible
- Benefits alongside features
-
Progress indicators
-
Microcopy Patterns
- Buttons: Specific actions ("Create my first project")
- Labels: Clear, jargon-free
- Tooltips: Concise, contextual
- Errors: Helpful, not blaming
-
Empty states: Actionable guidance
-
Motivation Techniques
- Social proof (X users did this)
- Progress visualization
- Immediate value demonstration
- Personalization ("Your dashboard")
- Commitment and consistency
Workflow 4: Email Onboarding Sequence
Support in-app flow with email nurture
-
Email Sequence Structure
| Day | Email Purpose |
|-----|---------------|
| 0 | Welcome + quick win action |
| 1 | Core feature highlight |
| 3 | Use case example/inspiration |
| 5 | Overcome common objection |
| 7 | Activation check-in or social proof |
| 14 | Advanced feature or upgrade prompt | -
Email Content Principles
- One clear CTA per email
- Link to specific in-app action
- Keep under 150 words
- Personalize with user data
-
A/B test subject lines
-
Behavioral Triggers
- Incomplete setup β reminder
- No login in X days β re-engagement
- Used feature β related feature intro
- Approaching limit β upgrade prompt
-
Activation achieved β celebration
-
Segmentation
- By activation status
- By user persona/role
- By feature usage
- By engagement level
- By signup source
Workflow 5: Measurement & Optimization
Track performance and iterate
- Key Metrics
- Activation Rate: % of signups reaching activated state
- Time to Activate: Days/hours from signup to activation
- Funnel Conversion: % completing each step
- Drop-off Points: Where users abandon
-
Return Rate: % returning after first session
-
Funnel Analysis
- Map each onboarding step to event
- Calculate step-to-step conversion
- Identify biggest drop-offs
- Segment by user attributes
-
Compare cohorts over time
-
Optimization Experiments
- A/B test step order
- Test copy variations
- Try different UI patterns
- Experiment with personalization
-
Test email timing and content
-
Qualitative Research
- User session recordings
- New user interviews
- Support ticket analysis
- Churn surveys
- In-app feedback collection
Quick Reference
| Action | Command/Trigger |
|---|---|
| Define activation | "Define activation metric for [product]" |
| Design onboarding flow | "Create onboarding flow for [product]" |
| Write onboarding copy | "Write onboarding content for [step]" |
| Create email sequence | "Design onboarding email sequence" |
| Analyze drop-offs | "Analyze onboarding funnel" |
| Optimize step | "Improve onboarding for [step]" |
| Design empty state | "Create empty state for [feature]" |
| Create product tour | "Design product tour for [feature]" |
| Build checklist | "Create onboarding checklist" |
| Review competitors | "Analyze competitor onboarding" |
Best Practices
Flow Design
- Get users to value in under 5 minutes
- Collect only essential information upfront
- Defer non-critical setup until later
- Show, don't tell (interactive > instructional)
- Make first action feel successful
Personalization
- Ask about goals, not demographics
- Use responses to customize experience
- Show relevant use cases and examples
- Skip steps that don't apply
- Remember choices in future sessions
Progress & Motivation
- Show completion percentage
- Celebrate milestone achievements
- Use checklists for multi-step processes
- Provide quick wins early
- Create momentum through small successes
Friction Reduction
- Minimize form fields
- Allow social/SSO signup
- Pre-fill what you can
- Provide smart defaults
- Skip optional steps by default
Recovery
- Save progress if user leaves
- Send re-engagement emails
- Provide multiple entry points
- Don't restart completed steps
- Offer help when stuck
Onboarding Patterns
Pattern 1: Welcome Modal
[Visual: Product screenshot or illustration]
# Welcome to [Product], [Name]!
You're about to [key benefit].
Let's get you set up in just 2 minutes.
[Get Started] [Skip for now]
Pattern 2: Step-by-Step Setup
Step 1 of 4: [Step Name]
[Clear instruction]
[Input or action area]
[Visual hint or example]
[Back] [Continue]
Progress: ββββββββββ 40%
Pattern 3: Checklist Dashboard
# Getting Started
Complete these steps to get the most from [Product]:
β Create your account
β Set up your profile
β Connect your [integration]
β Create your first [item]
β Invite your team
[3 of 5 complete - 60%]
Pattern 4: Empty State with Guidance
[Illustration]
# No [items] yet
[Items] help you [benefit].
Create your first one to see [Product] in action.
[Create [Item]]
---
Need inspiration? [See examples]
Pattern 5: Contextual Tooltip
βββββββββββββββββββββββββββββββββββ
β π‘ Pro tip β
β β
β Click here to [action] and β
β [benefit explanation]. β
β β
β [Got it] [Show me more] β
βββββββββββββββββββββββββββββββββββ
Email Templates
Day 0: Welcome Email
Subject: You're in! Here's your quick start guide
Hi [Name],
Welcome to [Product]!
You just took the first step toward [key benefit].
Here's how to get value in the next 5 minutes:
1. [Quick action with link]
That's it. Do that one thing and you'll see why [Product] is different.
Questions? Just reply to this email.
[CTA: Complete Your First [Action]]
β The [Product] Team
Day 3: Use Case Inspiration
Subject: How [Customer] uses [Product] to [result]
Hi [Name],
Wondering what's possible with [Product]?
Here's how [Customer Name] uses it:
"[Short testimonial about specific use case and result]"
You can do the same thing in [Product] by:
1. [Step with link]
2. [Step with link]
[CTA: Try This Now]
Day 7: Activation Check-In
Subject: Quick question about your experience
Hi [Name],
I noticed you [signed up but haven't / started to] [key action].
Is everything working okay? I'd love to help if you're stuck.
Just hit reply and let me know:
- What were you hoping to accomplish?
- What's getting in the way?
I read every response personally.
β [Name], [Title] at [Product]
Red Flags
- Information overload: Too many features introduced at once
- No quick win: Users don't experience value in first session
- Forced completion: Can't skip non-essential steps
- No personalization: Same flow for all user types
- Missing progress: No indication of how much is left
- Dead ends: Steps without clear next actions
- Lost progress: Starting over if user leaves
- Jargon: Using internal terminology
Metrics Benchmarks
| Metric | Good | Great | Best-in-Class |
|---|---|---|---|
| Signup to Activation | 30% | 50% | 70%+ |
| Time to Activate | 7 days | 3 days | Same session |
| First Session Duration | 5 min | 10 min | 15+ min |
| Day 1 Return | 25% | 40% | 60%+ |
| Day 7 Return | 15% | 25% | 40%+ |
| Onboarding Completion | 40% | 60% | 80%+ |
# Supported AI Coding Agents
This skill is compatible with the SKILL.md standard and works with all major AI coding agents:
Learn more about the SKILL.md standard and how to use these skills with your preferred AI coding agent.