Use Case: Stateflow Mockup Gauntlet

Create one polished public-gallery concept image titled exactly "Use Case: Stateflow Mockup Gauntlet".

Use case: ui-mockup / product-design workflow / visual QA
Asset type: public GPT Image 2 use-case gallery image, landscape 16:9 product-design review wall

Primary request: Show GPT Image 2 being used to turn a fictional product PRD into a multi-state UI mockup that can be reviewed for structure, edge cases, token consistency, navigation continuity, and readable text. This must feel like a real product-design workflow artifact, not a generic dashboard screenshot, not a marketing landing page, not a physical object, not a tabletop game, not a map, not a comic, not a worksheet, not a data poster, and not a panorama.

Scene: a clean digital review canvas for a fictional app called "Mosaic Pantry". The app helps a fictional community kitchen track donated pantry items; keep it generic and non-political. Show four mobile screens arranged left-to-right as one flow, each with a clear label: "Home", "Add Item", "Empty", "Error". The screens share the same top navigation, same tab bar, same 8px rounded components, same typography scale, and same teal/graphite/ivory design tokens. Use invented sample text only: "Mosaic Pantry", "Add item", "3 items", "No items yet", "Try again", "Saved".

Mechanism to make visible: a thin right-side constraint rail lists short QA chips: "PRD", "States", "Nav", "Tokens", "Text", "PASS". Small overlay marks should prove the mockup is being evaluated: green check marks on consistent nav and tokens, one amber note "long text ok", one coral note "fix empty copy", and a final green stamp "PASS AFTER FIX". Include a tiny state-machine line connecting Home -> Add Item -> Empty -> Error, but keep the phone screens dominant.

Composition: modern Figma-like product design review surface, four crisp phone frames, compact annotations, generous spacing, no nested UI cards, no decorative orbs, no fake brand logos, no real app store badges. Make text short and readable. Keep all in-image text limited to the exact labels listed above plus the title. Use warm ivory background, graphite text, muted teal components, coral repair note, amber caution note, moss green pass marks.

Safety and rights: fictional app, fictional data, fictional organization only. Use no real brands, no trademarks, no logos, no real people, no public figures, no politics, no elections, no financial/medical/legal advice, no dangerous instructions, no adult or explicit content, no gore or violence, no copyrighted characters, no living-artist style imitation, no source image reuse, no watermark.