| 信息图 / infographic | `bento-grid` | `craft-handmade` | landscape | Minimalist: clean canvas, ample whitespace, no complex background textures. Simple cartoon elements and icons only. |
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 source data faithfully — no summarization or rephrasing (but strip any credentials, API keys, tokens, or secrets before including in outputs)
Define learning objectives before structuring content
Structure for visual communication (headlines, labels, visual elements)
工作流程
Step 1: Analyze Content
Load references: Read references/analysis-framework.md from this skill.
Save source content (file path or paste → source.md using write_file)
Backup rule: If source.md exists, rename to source-backup-YYYYMMDD-HHMMSS.md
Analyze: topic, data type, complexity, tone, audience
Detect source language and user language
Extract design instructions from user input
Save analysis to analysis.md
Backup rule: If analysis.md exists, rename to analysis-backup-YYYYMMDD-HHMMSS.md
See references/analysis-framework.md for detailed format.
Step 2: Generate Structured Content → `structured-content.md`
Transform content into infographic structure:
Title and learning objectives
Sections with: key concept, content (verbatim), visual element, text labels
Data points (all statistics/quotes copied exactly)
Design instructions from user
Rules: Markdown only. No new information. Preserve data faithfully. Strip any credentials or secrets from output.
See references/structured-content-template.md for detailed format.
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 the clarify tool to confirm options with the user. Since clarify handles one question at a time, ask the most important question first:
Q1 — Combination: Present 3+ layout×style combos with rationale. Ask user to pick one.
Q2 — Aspect: Ask for aspect ratio preference (landscape/portrait/square or custom W:H).
Q3 — Language (only if source ≠ user language): Ask which language the text content should use.
Step 5: Generate Prompt → `prompts/infographic.md`
Backup rule: If prompts/infographic.md exists, rename to prompts/infographic-backup-YYYYMMDD-HHMMSS.md
Load references: Read the selected layout from references/layouts/.md and style from references/styles/.
Combine:
Layout definition from references/layouts/.md
Style definition from references/styles/
Base template from references/base-prompt.md
Structured content from Step 2
All text in confirmed language
Aspect ratio resolution for {{ASPECT_RATIO}}:
Named presets → ratio string: landscape→16:9, portrait→9:16, square→1:1
Custom W:H ratios → use as-is (e.g., 3:4, 4:3, 2.35:1)
Save the assembled prompt to prompts/infographic.md using write_file.
Step 6: Generate Image
Use the image_generate tool with the assembled prompt from Step 5.
Map aspect ratio to image_generate's format: 16:9 → landscape, 9:16 → portrait, 1:1 → square
For custom ratios, pick the closest named aspect
On failure, auto-retry once
Save the resulting image URL/path to the output directory
Step 7: Output Summary
Report: topic, layout, style, aspect, language, output path, files created.
参考资料
references/analysis-framework.md — Analysis methodology
references/structured-content-template.md — Content format
references/base-prompt.md — Prompt template
references/layouts/.md — 21 layout definitions
references/styles/ — 21 style definitions
Pitfalls
Data integrity is paramount — never summarize, paraphrase, or alter source statistics. "73% increase" must stay "73% increase", not "significant increase".
Strip secrets — always scan source content for API keys, tokens, or credentials before including in any output file.
One message per section — each infographic section should convey one clear concept. Overloading sections reduces readability.
Style consistency — the style definition from the references file must be applied consistently across the entire infographic. Don't mix styles.
image_generate aspect ratios — the tool only supports landscape, portrait, and square. Custom ratios like 3:4 should map to the nearest option (portrait in that case).
