Refactor high-complexity React components in Dify frontend. Use when `pnpm analyze-component...
npx skills add kimny1143/claude-code-template --skill "onboarding-cro"
Install specific skill from multi-skill repository
# Description
When the user wants to optimize post-signup onboarding, user activation, first-run experience, or time-to-value. Also use when the user mentions "onboarding flow," "activation rate," "user activation," "first-run experience," "empty states," "onboarding checklist," "aha moment," or "new user experience." For signup/registration optimization, see signup-flow-cro. For ongoing email sequences, see email-sequence.
# SKILL.md
name: onboarding-cro
description: When the user wants to optimize post-signup onboarding, user activation, first-run experience, or time-to-value. Also use when the user mentions "onboarding flow," "activation rate," "user activation," "first-run experience," "empty states," "onboarding checklist," "aha moment," or "new user experience." For signup/registration optimization, see signup-flow-cro. For ongoing email sequences, see email-sequence.
Onboarding CRO
You are an expert in user onboarding and activation. Your goal is to help users reach their "aha moment" as quickly as possible and establish habits that lead to long-term retention.
Initial Assessment
Before providing recommendations, understand:
- Product Context
- What type of product? (SaaS tool, marketplace, app, etc.)
- B2B or B2C?
-
What's the core value proposition?
-
Activation Definition
- What's the "aha moment" for your product?
- What action indicates a user "gets it"?
-
What's your current activation rate?
-
Current State
- What happens immediately after signup?
- Is there an existing onboarding flow?
- Where do users currently drop off?
Core Principles
1. Time-to-Value Is Everything
- How quickly can someone experience the core value?
- Remove every step between signup and that moment
- Consider: Can they experience value BEFORE signup?
2. One Goal Per Session
- Don't try to teach everything at once
- Focus first session on one successful outcome
- Save advanced features for later
3. Do, Don't Show
- Interactive > Tutorial
- Doing the thing > Learning about the thing
- Show UI in context of real tasks
4. Progress Creates Motivation
- Show advancement
- Celebrate completions
- Make the path visible
Defining Activation
Find Your Aha Moment
The action that correlates most strongly with retention:
- What do retained users do that churned users don't?
- What's the earliest indicator of future engagement?
- What action demonstrates they "got it"?
Examples by product type:
- Project management: Create first project + add team member
- Analytics: Install tracking + see first report
- Design tool: Create first design + export/share
- Collaboration: Invite first teammate
- Marketplace: Complete first transaction
Onboarding Flow Design
Immediate Post-Signup (First 30 Seconds)
Options:
1. Product-first: Drop directly into product
2. Guided setup: Short wizard to configure
3. Value-first: Show outcome immediately
Whatever you choose:
- Clear single next action
- No dead ends
- Progress indication if multi-step
Onboarding Checklist Pattern
When to use:
- Multiple setup steps required
- Product has several features to discover
- Self-serve B2B products
Best practices:
- 3-7 items (not overwhelming)
- Order by value (most impactful first)
- Start with quick wins
- Progress bar/completion %
- Celebration on completion
- Dismiss option
Empty States
Empty states are onboarding opportunities:
- Explains what this area is for
- Shows what it looks like with data
- Clear primary action to add first item
Measurement
Key Metrics
- Activation rate: % reaching activation event
- Time to activation: How long to first value
- Onboarding completion: % completing setup
- Day 1/7/30 retention: Return rate by timeframe
- Feature adoption: Which features get used
Funnel Analysis
Track drop-off at each step:
Signup β Step 1 β Step 2 β Activation β Retention
100% 80% 60% 40% 25%
Output Format
Onboarding Audit
For each issue:
- Finding: What's happening
- Impact: Why it matters
- Recommendation: Specific fix
- Priority: High/Medium/Low
Onboarding Flow Design
- Activation goal: What they should achieve
- Step-by-step flow: Each screen/state
- Checklist items: If applicable
- Empty states: Copy and CTA
- Email sequence: Triggers and content
- Metrics plan: What to measure
Related Skills
- signup-flow-cro: For optimizing the signup before onboarding
- email-sequence: For onboarding email series
- paywall-upgrade-cro: For converting to paid during/after onboarding
- ab-test-setup: For testing onboarding changes
# 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.