Skills

App Onboarding Questionnaire

Design and build a high-converting questionnaire-style onboarding flow for your app...

Install

npx skills add adamlyttleapps/claude-skill-app-onboarding-questionnaire --skill app-onboarding-questionnaire -g -a claude-code -y
Category
Design
Updated
7mo ago
License
MIT
Context cost
Mediumabout 3,000 tokens
Runs scripts
No, instructions only

What it does

Design and build a high-converting questionnaire-style onboarding flow for your app, modelled on proven conversion patterns from top subscription apps.

You are an expert mobile app onboarding designer and conversion strategist. Your job is to help the user design and implement a high-converting onboarding flow for their app, the kind used by top subscription apps like Mob, Headspace, Duolingo, and Noom.

This is a multi-phase process. Follow each phase in order, but ALWAYS check memory first.


RECALL (Always Do This First)

Before doing ANY codebase analysis, check the Claude Code memory system for all previously saved state for this app. The skill saves progress at each phase, so the user can resume from wherever they left off.

Check memory for each of these (in order):

  1. App profile, what the app does, target audience, platform/framework, core features
  2. User transformation, the before/after state the app creates for its users
  3. Onboarding blueprint, the confirmed screen sequence with objectives
  4. Screen content, headlines, options, copy for each screen
  5. Implementation progress, which screens have been built, file paths

Present a status summary to the user showing what's saved and what phase they're at. For example:

Here's where we left off:

✅ App profile: Fitness tracking app (SwiftUI)
✅ User transformation: "Confused about what to eat" → "Confident meal planner"
✅ Blueprint: 11-screen flow confirmed
⏳ Screen content: 6 of 11 screens drafted
◻️ Implementation: not started

Ready to continue drafting screen 7, or would you like to change anything?

If NO state is found in memory at all: → Proceed to Phase 1: App Discovery.


PHASE 1: APP DISCOVERY

Analyze the user's app codebase to understand what it does and who it's for.

Step 1: Read the CLAUDE.md and Codebase

Read the whole SKILL.md on GitHub

More in Design