What you’ll make
One checked cover image you can use as the starting point for the rest of your product images.
Worked example
A set of launch images for a small app
Clip Sort helps creators sort short video clips. On the cover, a real library screenshot sits on the right with an off-white background and room for a plum headline. The story uses the same palette and moves the screenshot down so the headline has space.
The ad reads “Find the clip you need.” I’d add that line in my editor, then compare both device screens with real screenshots from the app before exporting.
Before you start
- Bring a real cover or product screenshot, any logo or colors you want to use, and the dimensions for the one place you’ll publish first. Open an editor where you can add your own text and screenshot to the image.
Choose the first image to make
Pick one placement, such as your shop listing. Bring the real product image or a screenshot. Note the dimensions you need, two colors, and one idea you want someone to get from the image.
Give ChatGPT one image to plan
Copy the prompt into ChatGPT and attach your real artwork or screenshot. Include the placement and visual notes if you didn’t enter them above. Look for a layout that leaves room for you to add the actual product.
I’d attach the Clip Sort library and ask for a square image with an off-white background and plum accents.
The layout might put the library on the right and leave room for ‘Find the clip you need’ on the left.
Plan one product cover image
Help me make one cover image for my product. Use the details I provide in this chat or in my attachments. Use my actual product image or screenshot as a reference. Keep the layout easy to read at the size I name. Reserve a clear area for me to place the original image and set the headline myself. Keep any generated backdrop separate from product artwork, logos, and words. If the placement is unclear, ask where the image will appear and what dimensions I need before choosing a crop. Give me one layout showing where the product and headline go. If you can generate a clean backdrop, give me one in the agreed dimensions. Otherwise describe the backdrop in one paragraph I can use in my editor.
Put the real product in the layout
Open the layout in your editor. If you use an AI-generated mockup, use a blank screen and place your real screenshot over it. Add the headline as editable text and check the edges of the image before you export.
Shrink it to the size people will see
Open the preview at listing size. Make any small fixes, then export the checked image.
- Compare the preview with the original artwork or screenshot.
- Shrink the image and check that the product and headline are still clear.
- Open the export and check its crop, size, and any important text.
Optional: Turn the cover into mockups and crops
Use your finished cover as the reference for a phone mockup or a social post. Resize the layout for each placement and drop in the actual product screenshot. Compare the exports side by side for a consistent look.
Explore covers with one fixed brief
Bring your actual cover, brand colors, and shop placement to try a few compositions at thumbnail size.
Help me pick the cover image for [product] for [audience]. Here’s the real cover or screenshot, the approved palette, and the shop size or crop: [inputs]. The image should communicate [one idea] and leave room for [headline or CTA I’ll typeset]. Keep these visual rules across all options: [light, backdrop, and prop limits]. If I haven’t supplied an original product image, leave a clearly defined space for it. Show three distinct compositions. Change the focal point or amount of breathing room so the options are useful to compare. Use only the product, page count, and features I supplied. Keep the real UI or artwork intact, or leave a clean area where I can add it by hand. For each composition, give me a thumbnail check for contrast, product recognition, and headline space. If you can’t generate images here, give me a ready-to-paste image prompt for each.
Plan the device mockups and placement crops
Once the cover is picked, attach it and the required sizes to plan the tablet, phone, feed, story, and ad versions.
Use [approved cover] as the anchor. Make a tablet scene and a phone scene with blank, unobstructed screens so I can place [real screenshots] myself. Match the light, palette, and product identity in the anchor. For [feed, story, and ad sizes and safe areas], give each image its own composition and leave [copy and CTA zones] clear. Use the dimensions I provide and flag any platform crop or overlay I still need to check. Return the images if you can generate them, or a placement-by-placement image prompt and layer plan if you can’t. Tell me which edges and device corners to inspect after I place the real screenshots.
Fix one detail in the approved image
If one image needs a correction, attach that version and name the single thing you want edited.
Edit the attached [filename and version] at [dimensions]. Change only [specific item] in [part of image]. Keep the crop, product placement, device perspective, palette, lighting, and clear space for text and platform controls. If this requires an edit selection, tell me where to draw it before you start. Return a separate revision if you can edit images here. Otherwise give me an edit instruction I can paste into the image editor. Give me three details to compare against the original at publication size, including whether the area where the real product goes is still accurate and clear.
Troubleshooting
The generator keeps changing labels on the device.
Generate the device with a blank screen and insert the actual screenshot yourself. Inspect edges and clipping at full size.
The campaign looks inconsistent between crops.
Reuse the approved anchor image and write a short locked palette and lighting brief. Change layout only to suit the placement.