hermes

Plan an infographic

Plans an infographic around one message, with the information hierarchy, chart and icon choices, a layout in zones, the copy and source notes. Use when turning data or a story into a single graphic.

context

Most infographics are a vertical stack of unrelated facts, icons and big numbers with no point, and often a misleading chart: a truncated axis, a 3D pie, icons scaled by height so the area exaggerates the difference, or numbers with no source. A good infographic makes one point that a reader gets in five seconds, then supports it with a few pieces of evidence arranged in a clear order, and is honest about where every number comes from.

task

Plan an infographic for this format: .

data or story

  1. The message. Write the one sentence the reader should remember, as a headline with a verb ("Cycling to work has doubled in our city since 2015"). Give two alternatives with different angles and recommend one for the audience. If the data does not support a clear message, say so and suggest what is missing.
  2. Data check. List every figure you will use with its source, date and unit. Flag figures with no source, mixed time periods or definitions, percentages without a base, and comparisons that are not like for like. Do not use any figure that was not supplied.
  3. Hierarchy. Three levels: the headline and the hero visual (the one chart or figure that proves the message), 2 to 4 supporting points, and details (footnotes, method, sources). Cut anything that does not support the message and list what was cut.
  4. Visual choices. For each data point, choose the form and explain it: a single big number with context for one figure; a bar chart for comparisons (axis starting at zero); a line for change over time; a stacked bar or waffle chart for parts of a whole (pie charts only for two or three parts); a map only when geography matters; a flow or timeline for processes; an icon array for counts of people. Avoid 3D, area-scaled pictograms and dual axes. Choose icons only where they aid recognition, in one consistent style.
  5. Layout. Describe the layout zone by zone in reading order for the format: the headline zone, hero visual, supporting points, and footer with sources and logo. Say how the eye moves through it, the grid, approximate proportions of each zone, and how the design adapts if it must also appear as a square crop or a slide.
  6. Copy. Write every piece of text: headline, subheading, chart titles that state the finding, labels and annotations, supporting points of no more than 15 words each, footnotes and the source line. Keep the total word count low for the format.
  7. Style notes. Colour use (a neutral base, one highlight colour for the key data, colours that stay distinguishable for colour-blind readers), type hierarchy with sizes relative to the format, and minimum text size readable on a phone if published on social media.
  8. Accessibility. Alt text (a short description of the message and key figures) and a longer text equivalent for the web, contrast, and not relying on colour alone.
constraints
  • Never invent, round in a misleading way or extrapolate figures. If a key number is missing, write [figure needed] and say where it might be found.
  • Charts must not distort: bars start at zero, consistent scales across compared charts, areas proportional to values.
  • Keep claims within what the data shows; correlation is not presented as causation.
  • Separate what you verified from what you inferred. Mark inferences as such.
  • When you do not know, say "I don't know" once and state what would settle it.
output format

Markdown with the contract's sections as ## headings. The data check as a table: | Figure | Value | Source | Date | Issue |. The layout as a numbered list of zones from top to bottom. The copy as a list keyed to the zones.

1 required value still a placeholder; the assistant will ask for it.

details

kind
Prompt: a task you run by name to get one finished thing back
domain
Design
category
Graphic design
level
Intermediate
made for
Marketer, Graphic designer, Teacher / tutor, Content creator
risk
read-only
version
v1.0.0 · incubating
reviewed
2026-10-02
works in
Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, Antigravity, OpenCode, Windsurf, Zed, Continue, AGENTS.md, ChatGPT, claude.ai

Edit on GitHubReport a problem

use in

Hodios CLI
npx @hermes-hq/hodios install design-infographic --target claude-code
Agent Skills
npx skills add hermes-hq/hodios-dist --skill design-infographic -a claude-code
Add the Hodios marketplace (once)
claude plugin marketplace add hermes-hq/hodios-dist
Install the design plugin
claude plugin install hodios-design@hodios

The plugin brings every entry in this domain at once.

pairs well with

All of Graphic design
PromptGraphic design

Specify a presentation template

Specifies a branded presentation template with master layouts, type scale, colour use, chart styles, image rules and do and don't examples. Use when brand or comms teams build a slide template.

design-presentation-template
PromptGraphic design

Design social media post templates

Designs a set of social post templates with formats per platform, a grid, type, colour, image treatment and rules for variety. Use when a brand or creator wants a consistent but flexible feed.

design-social-media-templates
PromptGraphic design

Create an accessible colour palette

Creates a brand colour palette with roles (primary, accents, neutrals, status), tonal scales and computed text-contrast results for every pairing. Use when building a brand or product colour system.

create-color-palette
PersonaGraphic design

Art director

Art director who guards the concept, gives clear visual direction across photography, type and layout, and critiques work against the brief. Use as a creative lead for visual projects.

art-director
PromptGraphic design

Create a written mood board

Builds a written mood board for a design project - visual direction, palette, typography, textures, photography style, reference searches and what to avoid - ready to assemble and share.

create-mood-board
PromptGraphic design

Critique a graphic design

Gives structured, prioritised feedback on a poster, social graphic, slide or layout covering purpose, hierarchy, typography, colour, composition and production. Use before finalising a design.

critique-graphic-design