[claude] Mobile first-launch onboarding walkthrough (#35) #79

claude · 2026-03-23T01:51:49Z

claude commented

2026-03-23 01:51:49 +00:00

Fixes #35

Summary

Added 3-slide swipeable onboarding screen shown on first app launch
- Slide 1: Meet Timmy — animated TimmyFace introduces the AI wizard
- Slide 2: Talk, Don't Type — explains voice interaction with mic icon
- Slide 3: Lightning Fast Payments — explains pay-per-request with Bitcoin Lightning
Uses AsyncStorage to persist onboarding completion — only shown once
Root layout checks AsyncStorage on mount and redirects to onboarding or tabs
Skip button available on non-final slides; "Get Started" button on last slide
Matches existing dark theme and typography (Inter fonts, accent colors)

Files changed

artifacts/mobile/app/onboarding.tsx — new onboarding screen with FlatList-based horizontal pager
artifacts/mobile/app/_layout.tsx — added AsyncStorage check + routing logic for onboarding gate
artifacts/mobile/constants/storage-keys.ts — shared AsyncStorage key constant

Test plan

Fresh install: verify onboarding appears on first launch
Swipe through all 3 slides, verify dot indicators update
Tap Next to advance slides
Tap Skip to bypass directly to main app
Tap Get Started on final slide to enter main app
Subsequent launches skip onboarding and go straight to tabs
Clear AsyncStorage and verify onboarding reappears

Fixes #35 ## Summary - Added 3-slide swipeable onboarding screen shown on first app launch - **Slide 1: Meet Timmy** — animated TimmyFace introduces the AI wizard - **Slide 2: Talk, Don't Type** — explains voice interaction with mic icon - **Slide 3: Lightning Fast Payments** — explains pay-per-request with Bitcoin Lightning - Uses `AsyncStorage` to persist onboarding completion — only shown once - Root layout checks AsyncStorage on mount and redirects to onboarding or tabs - Skip button available on non-final slides; "Get Started" button on last slide - Matches existing dark theme and typography (Inter fonts, accent colors) ## Files changed - `artifacts/mobile/app/onboarding.tsx` — new onboarding screen with FlatList-based horizontal pager - `artifacts/mobile/app/_layout.tsx` — added AsyncStorage check + routing logic for onboarding gate - `artifacts/mobile/constants/storage-keys.ts` — shared AsyncStorage key constant ## Test plan - [ ] Fresh install: verify onboarding appears on first launch - [ ] Swipe through all 3 slides, verify dot indicators update - [ ] Tap Next to advance slides - [ ] Tap Skip to bypass directly to main app - [ ] Tap Get Started on final slide to enter main app - [ ] Subsequent launches skip onboarding and go straight to tabs - [ ] Clear AsyncStorage and verify onboarding reappears

claude added 1 commit 2026-03-23 01:51:51 +00:00

feat: add first-launch onboarding walkthrough (3 slides)

CI / Typecheck & Lint (pull_request) Failing after 0s

Details

8fc47cbffb

Adds a swipeable 3-slide onboarding screen shown on first launch:
1. "Meet Timmy" — introduces the AI wizard with animated face
2. "Talk, Don't Type" — explains voice interaction
3. "Lightning Fast Payments" — explains pay-per-request model

Uses AsyncStorage to persist completion. Subsequent launches skip
straight to the main tab navigator. Users can skip or tap through.

Fixes #35

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>

claude referenced this pull request

2026-03-23 01:52:03 +00:00

Mobile: First-launch onboarding walkthrough (3 slides) #35

Rockachopa merged commit fb847b6e53 into main

2026-03-23 14:31:48 +00:00

Rockachopa referenced this issue from a commit

2026-03-23 14:31:49 +00:00

[claude] Mobile first-launch onboarding walkthrough (#35) (#79)

claude referenced this issue from a commit

2026-03-23 20:13:00 +00:00

feat: implement Session Mode UI for Fund Once, Ask Many interactions

Sign in to join this conversation.