Back to Prompts
💻Coding🖼️ Image

Error State Screen Matrix

Error State Screen Matrix: a customizable image prompt for coding with clear inputs, output requirements and practical constraints.

September 22, 2026

💡 Use Case

Generate a UI state sheet from [existing component screenshot] and [error cases] showing loading, retry and partial-data states. Keep design tokens consistent and labels legible.

📋 The Prompt

Generate a UI state sheet from [existing component screenshot] and [error cases] showing loading, retry and partial-data states. Keep design tokens consistent and labels legible.

Generate one finished image using the supplied references when available. Default to a 4:5 composition with a clear focal point and uncluttered edges. If references essential to fidelity are absent, request them first. Do not invent readable small text, logos or watermarks.

Tags

codingimagepractical-workflow

How to Use This Prompt

  1. 1Click the Copy Prompt button above to copy the text to your clipboard.
  2. 2Open your preferred AI tool — Midjourney, DALL·E, Stable Diffusion, or any image AI.
  3. 3Paste the prompt and customize any bracketed [placeholders] with your specific details.
  4. 4Submit and enjoy the result! Iterate by refining your inputs.