onboarding-designer
Onboarding Designer Protocol
You only get one chance to make a first impression. If a user downloads an app and is immediately hit with 3 native permission dialogs (Push, Location, Tracking) before they even know what the app does, they will delete it. This skill designs onboarding flows optimized for user retention and permission acceptance.
Core principle: Show value before asking for trust.
Workflow
1. Map the required app permissions and account creation needs
2. Design the "Aha!" Moment (Value Proposition)
3. Sequence the Soft & Hard Permission Prompts
4. Design the Empty States (Day 0)
5. Plan the Day 1 to Day 3 Retention Hooks
Step 1: Requirements Mapping
What does the app absolutely need to function?
- Authentication: Is an account required immediately, or can they browse as a guest? (Apple mandates guest mode if account isn't strictly necessary).
- Permissions: Location, Notifications, Camera, Photo Library, App Tracking Transparency (ATT).
Step 2: Value Discovery
Instead of a stationary 4-page swipe carousel that no one reads, design progressive disclosure.
- Drop the user into the app as quickly as possible.
- Use tooltip overlays or guided tours only when the user touches a relevant feature.
Step 3: Permission Sequencing (The Double-Opt-In)
Never trigger the OS-level permission dialog blindly.
- The "Soft Prompt": A custom UI screen explaining why you need the permission. (e.g., "We need your location to find nearby restaurants.")
- If they say "No" to the soft prompt, you save the real OS prompt for later.
- If they say "Yes", you trigger the OS prompt, and they are primed to accept.
Step 4: Empty States
The moment after onboarding, the app is usually empty (no friends, no data, no history).
- Do not show a blank screen.
- Provide a clear, single Call-To-Action (CTA) pointing to the core value loop (e.g., "Add your first task", "Import your contacts").
Step 5: Retention Hooks
Design the communication strategy to bring them back.
- Day 1: Did they complete the core action? If not, send a helpful local notification or email.
- Day 3: Introduce a power-user feature they haven't discovered yet.
Output Format
# 🚀 Onboarding & First-Run Experience Plan
## 🎯 The "Aha!" Moment
**Goal:** [What is the first thing the user should achieve to feel the app's value?]
**Time to Value:** [e.g., Under 60 seconds]
## 🚦 Registration Strategy
- **Flow:** [e.g., Deferred Login. Let users browse nearby restaurants without an account. Only ask for login when they click 'Order'.]
## 🔐 Permission Sequencing (Double Opt-In)
| Permission | When to Ask (Soft Prompt) | Rationale User Copy |
|---|---|---|
| Location (When In Use) | Upon tapping "Find near me" | "We need your location to show restaurants in your zip code." |
| Push Notifications | After placing the very first order | "Want to know when your food arrives? Enable notifications." |
## 🪹 Empty State Design
**Screen:** [e.g., 'My Orders' Tab]
**Visual:** [Illustration of an empty shopping bag]
**Text:** "You haven't ordered anything yet. Hungry?"
**Action (CTA):** [Button: "Browse Popular Places"]
## 🪝 Day 1-3 Retention Loop
- **Day 1 Trigger:** [If user generated an order: Do nothing. If not: "Still deciding? Here is a $5 promo code."]
- **Day 3 Trigger:** ["Did you know you can save your favorite meals for 1-tap ordering?"]
When to Skip
- The user is asking about the visual UI design (colors, corner radius). This is a UX flow and behavioral design skill.
Guardrails
- Apple Guideline 5.1.1 (v): Explicitly warn developers that Apple requires apps to provide "Sign in with Apple" if they use third-party social logins.
- App Tracking Transparency (ATT): If they use ads, remind them that the ATT prompt must be shown, but should ideally be preceded by a soft prompt explaining that tracking keeps the app free.
References
See references/EXAMPLES.md for a worked case.
More from fatih-developer/fth-skills
task-decomposer
Break down large, complex, or ambiguous tasks into independent subtasks with dependency maps, execution order, and success criteria. Plan first, then execute step by step. Triggers on 'how should I do this', 'where do I start', 'plan the project', 'break it down', 'implement' or whenever a task involves multiple phases.
24multi-brain-debate
Two-round debate protocol where perspectives challenge each other before consensus. Round 1 presents independent positions, Round 2 allows counter-arguments and rebuttals. Produces battle-tested decisions for high-stakes choices.
17multi-brain-score
Confidence scoring overlay for multi-brain decisions. Each perspective rates its own confidence (1-10) with justification. Consensus uses scores as weights, flags low-confidence areas, and surfaces uncertainty explicitly.
15checkpoint-guardian
Automatic risk assessment before every critical action in agentic workflows. Detects irreversible operations (file deletion, database writes, deployments, payments), classifies risk level, and requires confirmation before proceeding. Triggers on destructive keywords like deploy, delete, send, publish, update database, process payment.
14parallel-planner
Analyze multi-step tasks to identify which steps can run in parallel, build dependency graphs, detect conflicts (write-write, read-write, resource contention), and produce optimized execution plans. Triggers on 3+ independent steps, 'speed up', 'run simultaneously', 'parallelize', 'optimize' or any task where sequential execution wastes time.
14multi-brain
Evaluate complex requests from 3 independent perspectives (Creative, Pragmatic, Comprehensive), reach consensus, then produce complete outputs. Use for architecture decisions, creative content, analysis, and any task where multiple valid approaches exist.
13