App Flow Storyboard: 3 Connected Screens in One Consistent Style

【用途】產出一組 [畫面數量] 張並排的手機 App 流程設計稿（design mockup），展示使用者完成「[流程名稱]」的連續步驟，風格 [設計風格]。

【整體要求｜多畫面之間風格元件必須一致】
- [畫面數量] 支手機畫面由左到右等距並排，大小一致、底部對齊。
- 每張畫面上方標一個步驟標籤：「步驟1」「步驟2」…
- 所有畫面共用同一套配色、字體、圖示、按鈕樣式、圓角、間距（8pt 格線）。

[ Log in to see the full prompt ]

Use this when you need to lay out an entire user flow (sign-up, checkout, booking, payment) end-to-end for a team or client in one shot — great for onboarding flows, checkout flows, and UX pitches. The biggest challenge with multi-screen sets is consistency: AI easily renders three screens in three different styles, so the prompt must repeatedly emphasize 'shared color palette / typography / icons / button style, 8pt grid' and give every screen the same structure (header title → content → primary button). Three practical notes: first, 3 screens is the sweet spot and 4 is the max — beyond that each screen shrinks, text starts to blur, and style consistency gets harder to hold; second, don't overload any single screen — one screen, one focused action reads clearest; third, explicitly state 'screen content only, no phone bezel or surrounding scene' to avoid it turning into a lifestyle shot of someone holding three phones. This is a communication storyboard, not a clickable prototype. If one screen's style drifts, the most effective fix is telling it to 'redo screen N to match the same color palette and button style as the others, leave everything else unchanged.' Generating all screens together in one pass usually keeps the style more consistent than generating them separately and collaging them afterward.