Betterprompt Logo

designer-layout-blueprint-generator

$npx betterprompt skill install designer-layout-blueprint-generator
SKILL.md

What it does

This prompt instructs an AI, acting as a professional layout designer, to take supplied campaign inputs (message, audience, format size, and visual tone) and produce a dimensionally accurate blueprint-style mockup image for the specified surface, showing placeholder regions for key elements (headline, supporting text, imagery, logo/CTA) along with measured margins, spacing, safe zones, and alignment grids; the outcome is a ready-to-follow annotated layout image plus a brief rationale explaining why the arrangement suits the intended audience and format.

For more installation instructions go to https://raw.githubusercontent.com/BetterPromptme/skills/refs/heads/main/betterprompt/SKILL.md to check out this skill.

Inputs

textInputs

Pass each text input using flags.

Variable key Required? Description Defaults
Optional The format and surface where the design will appear, with exact size if possible.
Optional The main slogan or call-to-action you want to highlight in the design
Optional The mood or style that best represents the brand in this design.
Optional The group of people this design is meant to reach.

imageInputs

This prompt requires exactly 1 image. You must pass exactly 1 image flag (no more, no fewer), in the order matching the descriptions below.

Index Required Description Allowed CLI flags
1 Yes Upload a clear image of the product that will appear in the poster (main subject of the design) or

Models and options

This skill's modality is: .

To discover which values you can use (and which keys/values are valid for each model), run:

Then filter the returned JSON array to entries where is .

How to run

Step 1: Collect inputs

First, run and filter to to discover valid models and available options:

Use only the models and option values that appear in the filtered results.

Then collect all inputs from the human:

  • Optional text inputs (use defaults if not provided by the human):
    • (default: )
      • (default: )
      • (default: )
      • (default: )
  • Required images:
    • Exactly 1 images: image 1 (Upload a clear image of the product that will appear in the poster (main subject of the design)). Images must be provided in this order.
  • Optional: model and options.
    • Present the human with the default model and its available options. Look up in the output (filtered to modality ) and show its as: . Mark a value if it matches these defaults: .
    • If the human does not specify, defaults are used: model , options . Other models from the resources call are also available.

If the required images are missing, ask the human for what's missing. Do not assume or fabricate values. Tell the human: "Please provide images in this order: image 1 (Upload a clear image of the product that will appear in the poster (main subject of the design))".

Step 2: Run via BetterPrompt CLI

Use the frontmatter's as the positional argument (for this skill, use ).

Command form:

Notes:

  • Pass each text input as a separate flag.
  • Pass each image using or , in the order matching the imageInputs descriptions (image 1 first, then image 2, etc.).
  • If the human does not mention a model, omit and BetterPrompt will use the default model: .
  • If the human does not mention options, omit and BetterPrompt will use the default options: .
  • If the run times out, the response will include a you can use to fetch the result later.

Example (using defaults shown above):

USES

0

CATEGORY

Illustrations

SKILL.MD

View source

UPDATED

Sep 23, 2025