Use Case: First-Run Flow Forge。主题:Empty State Cta、First Run Flow Forge、Onboarding、Permission Pre Prompt、Progressive Disclosure、UI 界面、Use Case、UX Prototype。

如何复用

可参考这个示例来设计 Empty State Cta、First Run Flow Forge、Onboarding、Permission Pre Prompt 工作流、提示词结构、视觉约束和结果检查方式。

了解 Drill 打开 VibeArt

完整提示词

Use case: ui-mockup
Asset type: GPT Image 2 use-case gallery image, wide 16:9 UX prototype review artifact
Primary request: Create a polished fictional mobile onboarding prototype review image titled "First-Run Flow Forge". Show four tall phone-screen mockups connected left to right by a thin activation ribbon for a fictional urban-garden planning app named "Pocket Orchard". The screens should be original and not resemble any real app: 1) welcome screen with clear "Skip" and "Start" choices, 2) one-question setup about balcony sunlight with simple segmented choices, 3) empty garden state with one strong CTA "Add first plant", 4) contextual reminder pre-prompt with "Not now" and "Enable later" options, followed by a small success plant card.
Composition: professional product-design review board, but not a 2x2 or 2x3 grid; one continuous horizontal flow with phone frames, light connector arrows, small numbered touch targets, and a right-side QA rail.
QA rail text: "value first", "one question", "empty state CTA", "pre-prompt", "skip path", "mobile-native". Include small pass/fix chips, activation checkpoints, and a compact footer stamp "fictional app / no real brand / no source image".
Visual style: crisp modern UX design artifact, readable short UI copy, soft off-white canvas, graphite annotations, muted garden greens, coral warnings, clean type, subtle shadows, high polish.
Avoid: no real brands, no real platform logos, no app-store badges, no real people or faces, no public figures, no politics, no medical/legal/financial advice, no copyrighted characters, no copied UI, no dense tiny text, no lorem ipsum, no dashboard, no menu, no map, no physical apparatus, no 2x3 research board.

来源与致谢

6 条来源

来源说明: Original fictional Pocket Orchard onboarding prototype generated locally after external source sweep. Sources informed only abstract onboarding workflow, prompt-to-UI constraints, progressive disclosure, journey-map storytelling, and mobile UI structure evaluation; no external prompt text, image, UI screen, app, brand, product UI, dataset sample, artwork, protected style, or source image was reused.

Mobile App Onboarding | Design Framework | Case Study

Robert Sens / Behance

community_gallery / onboarding_flow_pattern_scan

访问日期 2026-04-27 · unspecified; no verbatim prompt/image reuse

打开来源链接

AI UI Generator: How to Create App Interfaces in Minutes (2026 Guide)

GenDesigns Team

ai_ui_workflow / prompt_pattern_inspiration / evaluation_pattern

访问日期 2026-04-27 · unspecified; no verbatim prompt/image reuse

打开来源链接

Mobile App Onboarding: Retaining Users Through UX Engineering

Boundev Team

onboarding_failure_mode / friction_scan / workflow_inspiration

访问日期 2026-04-27 · unspecified; no verbatim prompt/image reuse

打开来源链接

Progressive disclosure in onboarding: the right amount of information

Dominique Degottex / userTourKit

progressive_disclosure_pattern / trigger_layer_model / evaluation_context

访问日期 2026-04-27 · unspecified; no verbatim prompt/image reuse

打开来源链接

How to generate storyboard images with AI

Tanya from UXPressia / UXPressia Help Center

journey_map_storytelling / scene_prompt_pattern / team_library_workflow

访问日期 2026-04-27 · unspecified; no verbatim prompt/image reuse

打开来源链接

Rico: A mobile app dataset for building data-driven design applications

Biplab Deka, Zifeng Huang, Chad Franzen, Joshua Hibschman, Daniel Afergan, Yang Li, Jeffrey Nichols, Ranjitha Kumar / Illinois Experts

benchmark_dataset / mobile_ui_structure_context / design_mining_pattern

访问日期 2026-04-27 · research publication page; no dataset screenshot/prompt/image reuse

打开来源链接

更多示例