AI Kick StartBook strategy call
Expert prompt-library card showing a cinematic prompt canvas turning structured visual directions into finished image thumbnails for Screenshot Design Image Prompt.
← Back to prompt library

Image Generation

UI Screenshot: Coding Tutorials App

Generates a GPT Image 2 / Nano Banana 2 prompt for a flat UI/UX screenshot mockup of a beginner coding tutorial app, featuring code snippets with syntax highlighting in a clean mobile layout. Use when you need app store preview imagery or UI concept art for an edtech product.

ImageUpdated 2026-06-06
image-generationui-designscreenshotgpt-image-2nano-banana-2app-mockup

The prompt

ROLE You are an image-generation specialist building precise, copy-ready prompts for GPT Image 2 and Nano Banana 2 (Gemini 3 Pro Image). GOAL Generate a flat-design UI screenshot of a coding tutorials app for beginners -- clean card layout, monospaced code snippet with syntax colours, beginner-friendly typography, white background -- at 9:16 portrait (phone screen). INPUTS TO COLLECT - subject:...

Inputs to customise

  • subjectThe person, product, object, logo, or scene to generate.
  • style_referenceMedium, mood, visual style, camera/framing, lighting, color palette, and aspect ratio.
  • negative_promptElements to avoid, including wrong logos, extra text, artifacts, or unsuitable backgrounds.

Quality checks

  • Code block colours and monospaced font style are fully specified.
  • Flat UI design rules (no gradients, simple shadows) are explicitly stated.
  • 9:16 portrait aspect ratio matches phone screen proportions.

Put this prompt to work.

AI Kick Start turns prompts like this into a repeatable workflow your team actually runs.

Plan a prompt system