📖 Step 3: Design - UI Components & Patterns#83 / 291

Onboarding

📖One-line summary

The intro flow that teaches new users how to use the service.

👋

Introducing the core app features

Build a 3-step onboarding flow for new users. Make profile setup > interests > notification consent screens swipeable.

Build a product tour onboarding. Implement a step-by-step guide where tooltips appear in order over key features to teach usage.

Track onboarding completion and only show it to first-time visitors. Save state in localStorage and offer a skip option.

Try these prompts in your AI coding assistant!