Infographic Generator

Two dimensions: layout (information structure) × style (visual aesthetics). Freely combine any layout with any style.

Usage

/baoyu-infographic path/to/content.md
/baoyu-infographic path/to/content.md --layout hierarchical-layers --style technical-schematic
/baoyu-infographic path/to/content.md --aspect portrait --lang zh
/baoyu-infographic  # then paste content

Options

--layout

--style

--aspect

--lang

Layout Gallery

linear-progression

binary-comparison

comparison-matrix

hierarchical-layers

tree-branching

hub-spoke

structural-breakdown

bento-grid

iceberg

bridge

funnel

isometric-map

dashboard

periodic-table

comic-strip

story-mountain

jigsaw

venn-diagram

winding-roadmap

circular-flow

dense-modules

Full definitions:

references/layouts/<layout>.md

Style Gallery

craft-handmade

claymation

kawaii

storybook-watercolor

chalkboard

cyberpunk-neon

bold-graphic

aged-academia

corporate-memphis

technical-schematic

origami

pixel-art

ui-wireframe

subway-map

ikea-manual

knolling

lego-brick

pop-laboratory

morandi-journal

retro-pop-grid

Full definitions:

references/styles/<style>.md

Recommended Combinations

linear-progression

craft-handmade

linear-progression

ikea-manual

binary-comparison

corporate-memphis

hierarchical-layers

craft-handmade

venn-diagram

craft-handmade

funnel

corporate-memphis

circular-flow

craft-handmade

structural-breakdown

technical-schematic

dashboard

corporate-memphis

bento-grid

chalkboard

winding-roadmap

storybook-watercolor

periodic-table

bold-graphic

dense-modules

morandi-journal

dense-modules

pop-laboratory

dense-modules

retro-pop-grid

Default:

bento-grid

craft-handmade

Keyword Shortcuts

When user input contains these keywords, auto-select the associated layout and offer associated styles as top recommendations in Step 3. Skip content-based layout inference for matched keywords.

If a shortcut has Prompt Notes, append them to the generated prompt (Step 5) as additional style instructions.

dense-modules

morandi-journal

pop-laboratory

retro-pop-grid

bento-grid

craft-handmade

Output Structure

infographic/{topic-slug}/
├── source-{slug}.{ext}
├── analysis.md
├── structured-content.md
├── prompts/infographic.md
└── infographic.png

Slug: 2-4 words kebab-case from topic. Conflict: append

-YYYYMMDD-HHMMSS

Core Principles

• Preserve all source data verbatim—no summarization or rephrasing
• Define learning objectives before structuring content
• Structure for visual communication (headlines, labels, visual elements)

Workflow

Step 1: Setup & Analyze

1.1 Load Preferences (EXTEND.md)

Use Bash to check EXTEND.md existence (priority order):

# Check project-level first
test -f .baoyu-skills/baoyu-infographic/EXTEND.md && echo "project"

# Then user-level (cross-platform: $HOME works on macOS/Linux/WSL)
test -f "$HOME/.baoyu-skills/baoyu-infographic/EXTEND.md" && echo "user"

┌────────────────────────────────────────────────────┬───────────────────┐ │ Path │ Location │ ├────────────────────────────────────────────────────┼───────────────────┤ │ .baoyu-skills/baoyu-infographic/EXTEND.md │ Project directory │ ├────────────────────────────────────────────────────┼───────────────────┤ │ $HOME/.baoyu-skills/baoyu-infographic/EXTEND.md │ User home │ └────────────────────────────────────────────────────┴───────────────────┘

┌───────────┬───────────────────────────────────────────────────────────────────────────┐ │ Result │ Action │ ├───────────┼───────────────────────────────────────────────────────────────────────────┤ │ Found │ Read, parse, display summary │ ├───────────┼───────────────────────────────────────────────────────────────────────────┤ │ Not found │ Ask user with AskUserQuestion (see references/config/first-time-setup.md) │ └───────────┴───────────────────────────────────────────────────────────────────────────┘

EXTEND.md Supports: Preferred layout/style | Default aspect ratio | Custom style definitions | Language preference

Schema:

references/config/preferences-schema.md

1.2 Analyze Content →

analysis.md

1. Save source content (file path or paste →

   source.md

   )
   • Backup rule: If

     source.md

     exists, rename to

     source-backup-YYYYMMDD-HHMMSS.md

2. Analyze: topic, data type, complexity, tone, audience
3. Detect source language and user language
4. Extract design instructions from user input
5. Save analysis
   • Backup rule: If

     analysis.md

     exists, rename to

     analysis-backup-YYYYMMDD-HHMMSS.md

See

references/analysis-framework.md

Step 2: Generate Structured Content →

structured-content.md

Transform content into infographic structure:

1. Title and learning objectives
2. Sections with: key concept, content (verbatim), visual element, text labels
3. Data points (all statistics/quotes copied exactly)
4. Design instructions from user

Rules: Markdown only. No new information. All data verbatim.

See

references/structured-content-template.md

Step 3: Recommend Combinations

3.1 Check Keyword Shortcuts first: If user input matches a keyword from the Keyword Shortcuts table, auto-select the associated layout and prioritize associated styles as top recommendations. Skip content-based layout inference.

3.2 Otherwise, recommend 3-5 layout×style combinations based on:

• Data structure → matching layout
• Content tone → matching style
• Audience expectations
• User design instructions

Step 4: Confirm Options

Use single AskUserQuestion call with multiple questions to confirm all options together:

Important: Do NOT split into separate AskUserQuestion calls. Combine all applicable questions into one call.

Step 5: Generate Prompt →

prompts/infographic.md

Backup rule: If

prompts/infographic.md

prompts/infographic-backup-YYYYMMDD-HHMMSS.md

Combine:

1. Layout definition from

   references/layouts/<layout>.md

2. Style definition from

   references/styles/<style>.md

3. Base template from

   references/base-prompt.md

4. Structured content from Step 2
5. All text in confirmed language

Step 6: Generate Image

1. Select available image generation skill (ask user if multiple)
2. Check for existing file: Before generating, check if

   infographic.png

   exists
   • If exists: Rename to

     infographic-backup-YYYYMMDD-HHMMSS.png

3. Call with prompt file and output path
4. On failure, auto-retry once

Step 7: Output Summary

Report: topic, layout, style, aspect, language, output path, files created.

References

• references/analysis-framework.md

  - Analysis methodology

• references/structured-content-template.md

  - Content format

• references/base-prompt.md

  - Prompt template

• references/layouts/<layout>.md

  - 21 layout definitions

• references/styles/<style>.md

  - 20 style definitions

Extension Support

Custom configurations via EXTEND.md. See Step 1.1 for paths and supported options.