onboarding-flow
Onboarding Flow
Design first-run experiences that create the aha moment fast.
How to use
/onboarding-flowApply onboarding constraints to this conversation.
Constraints
Time to Value
- MUST identify the product's "aha moment" and design the fastest path to it
- MUST get the user to experience core value within the first session
- NEVER front-load setup. Let people use the product, then configure.
- SHOULD show real output (even with sample data) before asking for input
- The first action should produce a visible, valuable result
Sequencing
- Step 1: One meaningful action (not account settings)
- Step 2: Show the result of that action
- Step 3: Invite the next step based on what they just did
- NEVER show all features at once. Progressive disclosure.
- MUST allow skipping. Not everyone needs the same path.
Guidance Patterns
- Tooltips: for single-element focus. Max 2 per session.
- Checklists: for multi-step setup. Show progress. Celebrate completion.
- Empty states: treat as onboarding surfaces, not error states.
- NEVER use modal tutorials that block the interface
- SHOULD use contextual hints that appear when relevant, not all at once
Anti-Patterns
- Mandatory product tours that can't be dismissed
- Asking users to invite their team before they've used the product
- Settings pages as the first screen after signup
- Feature tours that explain what things do instead of why they matter
- Congratulating users for completing setup (celebrate value, not admin)
More from dragoon0x/product-skills
prd-writing
Write product requirement documents that engineers want to read and can actually build from. Covers structure, scope discipline, and the balance between clarity and over-specification. Use when writing PRDs, reviewing spec quality, or when engineering keeps asking clarifying questions.
1freemium-vs-paid-gate
Decide whether a product should offer a free tier, free trial, or go straight to paid. Structured decision framework based on economics, distribution model, and competitive landscape. Use when launching a new product or reconsidering your pricing model.
1error-recovery
When things break, guide people forward instead of leaving them stranded. Error message copy, retry patterns, graceful degradation, and recovery flows. Use when building error handling or failed state UIs.
1cta-patterns
Design calls-to-action that people actually click. Covers button copy, placement logic, urgency without manipulation, and progressive commitment. Use when reviewing pages for conversion potential or when CTA copy feels generic.
1user-psychology
Apply motivation, friction, and trust patterns to product decisions. Maps cognitive biases and behavioral triggers to specific UI and copy choices. Use when reviewing flows for drop-off points or when something feels right but doesn't convert.
1microcopy
The small words that shape big experiences. Button labels, tooltips, confirmations, placeholders, and the 3-word strings that determine whether a product feels polished or half-finished. Use during any copy audit pass.
1