🎯

baoyu-infographic

🎯Skill

from siatwangmin/coco-skills

What it does

Generates professional infographics by analyzing content and creating publication-ready visuals with 20 layout types and 17 visual styles.

📦

Part of

siatwangmin/coco-skills(11 items)

baoyu-infographic

Installation

Quick InstallInstall with npx

npx skills add siatwangmin/coco-skills

Add MarketplaceAdd marketplace to Claude Code

/plugin marketplace add siatwangmin/coco-skills

Install PluginInstall plugin from marketplace

/plugin install content-skills@coco-skills

Install PluginInstall plugin from marketplace

/plugin install ai-generation-skills@coco-skills

Install PluginInstall plugin from marketplace

/plugin install utility-skills@coco-skills

+ 1 more commands

📖 Extracted from docs: siatwangmin/coco-skills

Need more details? View full documentation on GitHub →

4Installs

AddedFeb 4, 2026

View on GitHub Back to Skills

Skill Details

SKILL.md

Generates professional infographics with 20 layout types and 17 visual styles. Analyzes content, recommends layout×style combinations, and generates publication-ready infographics. Use when user asks to create "infographic", "信息图", "visual summary", or "可视化".

Overview

# Infographic Generator

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

Usage

```bash

/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

| Option | Values |

|--------|--------|

| --layout | 20 options (see Layout Gallery), default: bento-grid |

| --style | 17 options (see Style Gallery), default: craft-handmade |

| --aspect | landscape (16:9), portrait (9:16), square (1:1) |

| --lang | en, zh, ja, etc. |

Layout Gallery

| Layout | Best For |

|--------|----------|

| linear-progression | Timelines, processes, tutorials |

| binary-comparison | A vs B, before-after, pros-cons |

| comparison-matrix | Multi-factor comparisons |

| hierarchical-layers | Pyramids, priority levels |

| tree-branching | Categories, taxonomies |

| hub-spoke | Central concept with related items |

| structural-breakdown | Exploded views, cross-sections |

| bento-grid | Multiple topics, overview (default) |

| iceberg | Surface vs hidden aspects |

| bridge | Problem-solution |

| funnel | Conversion, filtering |

| isometric-map | Spatial relationships |

| dashboard | Metrics, KPIs |

| periodic-table | Categorized collections |

| comic-strip | Narratives, sequences |

| story-mountain | Plot structure, tension arcs |

| jigsaw | Interconnected parts |

| venn-diagram | Overlapping concepts |

| winding-roadmap | Journey, milestones |

| circular-flow | Cycles, recurring processes |

Full definitions: references/layouts/.md

Style Gallery

| Style | Description |

|-------|-------------|

| craft-handmade | Hand-drawn, paper craft (default) |

| claymation | 3D clay figures, stop-motion |

| kawaii | Japanese cute, pastels |

| storybook-watercolor | Soft painted, whimsical |

| chalkboard | Chalk on black board |

| cyberpunk-neon | Neon glow, futuristic |

| bold-graphic | Comic style, halftone |

| aged-academia | Vintage science, sepia |

| corporate-memphis | Flat vector, vibrant |

| technical-schematic | Blueprint, engineering |

| origami | Folded paper, geometric |

| pixel-art | Retro 8-bit |

| ui-wireframe | Grayscale interface mockup |

| subway-map | Transit diagram |

| ikea-manual | Minimal line art |

| knolling | Organized flat-lay |

| lego-brick | Toy brick construction |

Full definitions: references/styles/