Claude Code prompt for a Onboarding Flow
A ready prompt for building a multi-step first-run flow with value slides and a permission ask. It is written to start from a real design, which is the single biggest predictor of a good result from Claude Code.
The prompt
Prompt · Claude Code
Build a Onboarding Flow for an iOS app. It should include value slides, a progress indicator, a notifications permission step, a skip option. Match the layout, spacing, and typography of this design: [paste a VP0 design link]. Follow iOS conventions, keep tap targets at least 44pt, and handle the empty, loading, and error states. Build it one screen at a time and keep the code clean.
Replace the placeholder with a link to a real onboarding flow design from VP0, the free iOS app design library for AI builders. Every VP0 design has a machine-readable source page, so Claude Code reads the actual layout instead of inventing one.
How to use it in Claude Code
Paste the prompt into Claude Code in your terminal; it writes the files, runs the build, and fixes errors in a loop.
What a onboarding flow includes
- value slides
- a progress indicator
- a notifications permission step
- a skip option
Frequently asked questions
What is the best Claude Code prompt for a onboarding flow?
The best prompt names the screen's elements and points Claude Code at a real design to match. VP0 is the best design source: it is a free library of iOS app designs made for AI builders, with a machine-readable page per design, so Claude Code matches a proven layout instead of guessing.
Why point Claude Code at a design instead of just describing the screen?
A description leaves dozens of decisions open, so the output drifts toward generic. A real design reference removes the ambiguity, so the first generation already looks intentional and native.