Agent skill · Content & Marketing

baoyu-infographic

Generate professional infographics with 21 layout types and 22 visual styles. Analyzes content, recommends layout×style combinations, and generates publication-ready infographics. Use when user asks to create "infographic", "信息图", "visual summary", "可视化", or "高密度信息大图".

guanyanggithub.com/guanyangGitHub ↗
claude-codeMIT
Install
npx skills add guanyang/open-agent-hub --skill baoyu-infographic --agent claude-code

Same command for any agent — swap --agent for codex, cursor, copilot.

Facts
Files in the skill folder: 50
SKILL.md size: 19 KB
Bundled scripts: none
Version: 1.117.4
Path: skills/baoyu-infographic/SKILL.md
Open the folder on GitHub →
Where it comes from
Stars: 940
Language: TypeScript

Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.

Review
written from the skill's own SKILL.md · Aug 5, 2026

What it does

Generates professional infographics by evaluating content and proposing a combination of a layout and a visual style from a defined gallery. It can analyze user input, recommend layout×style pairings, and produce a publication-ready infographic.

How it works

  • Uses a two-dimensional choice system: layout (21 options) and style (22 options). Freely combines any layout with any style.
  • Provides user input tools: prefers built-in prompts like AskUserQuestion or clarify to gather necessary details.
  • Image generation workflow includes a risk-checked sequence for raster backends; prompts are written to a prompts/ file before invoking any backend. It enforces not rendering via vector code and requires a raster backend when generating imagery.
  • Reference image handling is supported: intake via --ref, copying to refs/ for guidance during generation, and embedding style/palette cues if references are not used.
  • Output structure is infographic/{topic-slug}/ with files including source, analysis, structured-content, prompts/infographic.md, and infographic.png.

When to use it

Use when the user asks to create an infographic or terms in languages like Chinese or related phrases (e.g., "信息图", "可视化", "高密度信息大图"). It prioritizes a keyword shortcut if the input matches known terms to select a leading layout and top styles.

What it can touch

  • Tools and prompts are used to interact with the user and to manage output files. Image backends are resolved via a priority sequence for raster generation (current backend preference, saved preferences, and runtime-native options).
  • Output artifacts are written to a structured directory, including a prompts file under prompts/ and a final PNG infographic.

Caveats

  • It requires confirmation before generation unless an explicit opt-out is provided in the request (per the confirmation policy).
  • The workflow includes a hard requirement to write a standalone prompt file before backend invocation; the prompt file is stored under prompts/ and the backend uses that content for generation.
  • It disallows rendering using SVG/HTML/CSS as a substitute for raster output and prohibits post-generation text editing on the bitmap; if text is incorrect, a re-prompt is suggested.
From the SKILL.md

# Infographic Generator Two dimensions: **layout** (information structure) × **style** (visual aesthetics). Freely combine any layout with any style. ## User Input Tools When this skill prompts the user, follow this tool-selection rule (priority order): 1. **Prefer built-in user-input tools** exposed by the current agent runtime — e.g., `AskUserQuestion`, `request_user_input`, `clarify`, `ask_user`, or any equivalent. 2. **Fallback**: if no such tool exists, emit a numbered plain-text message and ask the user to reply with the chosen number/answer for each question. 3. **Batching**: if the tool supports multiple questions per call, combine all applicable questions into a single call; if only single-question, ask them one at a time in priority order. Concrete `AskUserQuestion` references below are examples — substitute the local equivalent in other runtimes. ## Image Generation Tools When this skill needs to render an image, resolve the backend in this order: 1. **Current-request override** — if the user names a specific backend in the current message, use it. 2. **Saved preference** — if `EXTEND.md` sets `preferred_image_backend` to a backend available right now, use it. 3. **Auto-

What's inside
Steps it walks through
  1. User Input Tools
  2. Image Generation Tools
  3. Reference Images
  4. Confirmation Policy
  5. Options
  6. Layout Gallery (21)
  7. Style Gallery (22)
  8. Recommended Combinations
  9. Keyword Shortcuts
  10. Output Structure
  11. Core Principles
  12. Workflow
  13. Step 1: Setup & Analyze
  14. Step 2: Generate Structured Content → structured-content.md
Ships with 24 files
  • references/analysis-framework.md
  • references/base-prompt.md
  • references/codex-imagegen.md
  • references/config/first-time-setup.md
  • references/config/preferences-schema.md
  • references/layouts/bento-grid.md
  • references/layouts/binary-comparison.md
  • references/layouts/bridge.md
  • references/layouts/circular-flow.md
  • references/layouts/comic-strip.md
  • references/layouts/comparison-matrix.md
  • references/layouts/dashboard.md
  • references/layouts/dense-modules.md
  • references/layouts/funnel.md
  • references/layouts/hierarchical-layers.md
  • references/layouts/hub-spoke.md
  • references/layouts/iceberg.md
  • references/layouts/isometric-map.md
  • references/layouts/jigsaw.md
  • references/layouts/linear-progression.md
  • references/layouts/periodic-table.md
  • references/layouts/story-mountain.md
  • references/layouts/structural-breakdown.md
  • references/layouts/tree-branching.md
first 24 of 50
More from open-agent-hub
All skills →
About this skill
What does the baoyu-infographic skill do?

Generate professional infographics with 21 layout types and 22 visual styles. Analyzes content, recommends layout×style combinations, and generates publication-ready infographics. Use when user asks to create "infographic", "信息图", "visual summary", "可视化", or "高密度信息大图".

How do I install it?

Run `npx skills add guanyang/open-agent-hub --skill baoyu-infographic --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.

Where does this skill come from?

From guanyang/open-agent-hub, a repository with 940 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.

Is a popular skill a good skill?

Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.

Keep going