UI はローカライズ済みです。スキルの紹介と説明文書は選択した言語へ AI が自動翻訳し、コード・コマンド・パス・専門用語は原文のままです。原作者の文書が優先されます。
スキルを探す
デザイン · SKILL.md

infographic-generation

infographic-generation

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 reada…

Independent GitHub snapshot · Automated classification · Original documentation governs

スキルの説明

GitHub

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 keyRequired?DescriptionDefaults
AudienceRequiredState clearly your target audience of your inforgraphic(none)
InformationRequiredPaste information you wanna have in your inforgraphic(none)
Aspect_ratioOptionalHighly recommended to use 9:16 ratio9:16
Type_of_visualsOptionalState clearly what specific styles, elements or types of inforgraphic you wantVectors

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:
    • Audience
    • Information
  • 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"}'
保存したスキル