{"id":"vis-pm-app-store-backgrounds","audience":"product-managers","category":"image-video","track":"visual","technique":"constraints","title":"Get App Store screenshot backgrounds with no fake UI","free":false,"task":"You're refreshing your app's App Store screenshots and need 3 matching backgrounds from Midjourney; the real app screenshots get placed on top later. Get Claude to write exactly 3 numbered Midjourney prompts, plain text, under 200 words in total. Each repeats the same style line with both hex codes word for word, keeps the center empty for the phone frame, ends with --ar 9:19 and the same --no list, and includes no phones, app screens or text.","materialLabel":"The brief (attached to your prompt automatically)","material":"Tally (budgeting app) - App Store refresh, Q1\n\nScreens we'll show, in order:\n1. Home dashboard\n2. Bill reminders\n3. Savings goals\n\nEach store image = our real screenshot in a phone frame, centered, on top of a background. We add the headline text above the phone in Figma.\n\nBackground ideas per screen:\n1. dashboard: soft flowing ribbon shapes, calm\n2. bill reminders: gentle overlapping circles, like calendar dots\n3. savings goals: rising soft waves, upward feeling\n\nColors: Tally indigo #3D3BF3, mint #7EE8C7.\n\nNotes:\n- Apple rejected a competitor's screenshots last year for showing features that didn't exist.\n- Marketing wants a photo of a happy family checking their phone.\n- Store images are tall: 1290 x 2796 pixels (roughly 9:19).","rules":[{"type":"numberedItems","count":3},{"type":"maxWords","max":200},{"type":"plainText"}],"mistakes":[{"title":"Generating fake app screens","why":"The AI draws a phone with a made-up interface, which can misrepresent features.","fix":"Add: \"No phones, no app screens, no UI.\"","checks":["r2"]},{"title":"Different looks per image","why":"The AI varies the style, so the store page looks unplanned.","fix":"Add: \"Repeat the same style line with the hex codes word for word.\"","checks":["r0"]},{"title":"No room for the phone","why":"The shapes fill the center, where the screenshot goes.","fix":"Add: \"Center empty for the phone frame.\"","checks":["r1"]},{"title":"Wrong shape","why":"Without --ar 9:19, Midjourney makes squares.","fix":"End each with --ar 9:19.","checks":["r1"]},{"title":"Headings and notes","why":"The AI bolds labels and adds tips.","fix":"Add: \"Exactly 3 numbered prompts, plain text.\"","checks":["numberedItems","plainText","maxWords"]}],"promptHints":[{"label":"Asks for 3 prompts","patterns":["\\b(3|three)\\b.{0,20}prompts"]},{"label":"Repeats the style with colors","patterns":["word for word","#3D3BF3"]},{"label":"Keeps the center empty","patterns":["center (empty|clear)","phone frame"]},{"label":"Sets the tall shape","patterns":["--ar\\s*9\\s*:\\s*19","9\\s*:\\s*19"]},{"label":"Rules out fake UI","patterns":["no (phones?|screens|ui|interface)","--no"]}],"hint":"Store backgrounds sit behind real screenshots, so the AI must not invent app screens. Repeat one style line, keep the center clear, and set the tall shape.","rubricLabels":["All 3 prompts repeat the same style line word for word, including both hex codes (#3D3BF3 and #7EE8C7)","Each prompt keeps the center empty for the phone frame and ends with --ar 9:19 and a --no list","Each prompt rules out phones, app screens or UI, text and people (in the prompt or the --no list)"]}