name: infographic-generation
description: This prompt instructs the AI to act as a visual communication designer and infographic specialist, using provided content and placeholders to plan an infographic for a defined audience and aspect ratio. It requires a clear, modern, visually balanced layout with consistent typography, color, spacing, and hierarchy, emphasizing essential information and readability for digital use. The expected result is a production-ready infographic blueprint describing the overall structure, section breakdown, recommended visual types per section, and specific color/icon and styling guidance to support accurate final graphic creation.
compatibility: Requires betterprompt >= 0.1.3
metadata:
openclaw:
homepage: https://github.com/BetterPromptme/skills
emoji: 🧩
requires:
anyBins:
- betterprompt
- bp
os:
- linux
- darwin
install:
- id: node
kind: node
package: betterprompt
bins: [betterprompt, bp]
label: Install BetterPrompt CLI (node)
What it does
This prompt instructs the AI to act as a visual communication designer and infographic specialist, using provided content and placeholders to plan an infographic for a defined audience and aspect ratio. It requires a clear, modern, visually balanced layout with consistent typography, color, spacing, and hierarchy, emphasizing essential information and readability for digital use. The expected result is a production-ready infographic blueprint describing the overall structure, section breakdown, recommended visual types per section, and specific color/icon and styling guidance to support accurate final graphic creation.
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 --input <key>=<value> flags.
| Variable key | Required? | Description | Defaults |
|---|
Audience | Required | State clearly your target audience of your inforgraphic | (none) |
Information | Required | Paste information you wanna have in your inforgraphic | (none) |
Aspect_ratio | Optional | Highly recommended to use 9:16 ratio | 9:16 |
Type_of_visuals | Optional | State clearly what specific styles, elements or types of inforgraphic you want | Vectors |
Models and options
This skill's modality is: image.
To discover which model values you can use (and which options keys/values are valid for each model), run:
betterprompt resources --models-only --json
Then filter the returned JSON array to entries where modality is "image".
How to run
Step 1: Collect inputs
First, run betterprompt resources --models-only --json and filter to modality: "image" to discover valid models and available options:
betterprompt resources --models-only --json
Use only the models and option values that appear in the filtered results.
Then collect all inputs from the human:
- Required text inputs:
- Optional text inputs (use defaults if not provided by the human):
Aspect_ratio (default: 9:16)
Type_of_visuals (default: Vectors)
- Optional: model and options.
- Present the human with the default model
gemini-3-pro-image-preview and its available options. Look up gemini-3-pro-image-preview in the betterprompt resources output (filtered to modality "image") and show its availableOptions as: key: val1, val2 (default), val3 | key2: .... Mark a value (default) if it matches these defaults: {"aspectRatio":"9:16","resolution":"1K"}.
- If the human does not specify, defaults are used: model
gemini-3-pro-image-preview, options {"aspectRatio":"9:16","resolution":"1K"}. Other models from the resources call are also available.
If any required text input is missing, ask the human for what's missing. Do not assume or fabricate values.
Step 2: Run via BetterPrompt CLI
Use the frontmatter's name as the positional argument (for this skill, use infographic-generation).
Command form:
betterprompt generate infographic-generation \
[--input <key>=<value>] \
[--model <model>] \
[--options <options JSON>] \
[--json]
Notes:
- Pass each text input as a separate
--input <key>=<value> flag.
- If the human does not mention a model, omit
--model and BetterPrompt will use the default model: gemini-3-pro-image-preview.
- If the human does not mention options, omit
--options and BetterPrompt will use the default options: {"aspectRatio":"9:16","resolution":"1K"}.
- If the run times out, the response will include a
runId you can use to fetch the result later.
Example (using defaults shown above):
betterprompt generate infographic-generation \
--input Audience=<value> \
--input Information=<value> \
--input Aspect_ratio=9:16 \
--input Type_of_visuals=Vectors \
--model gemini-3-pro-image-preview \
--options '{"aspectRatio":"9:16","resolution":"1K"}'