baoyu-infographic
starsforks
How to install baoyu-infographic?
ecnu-icalk/autoskill/baoyu-infographic
$npx -y skills add ECNU-ICALK/AutoSkill --skill baoyu-infographicGenerates professional infographics with 21 layout types and 20 visual styles. Analyzes content, recommends layout×style combinations, and generates publication-ready infographics. Use when user asks to create "infographic", "信息图", "visual summary", "可视化", or "高密度信息大图".
SKILL.md
| 1 | # Infographic Generator |
| 2 | |
| 3 | Two dimensions: **layout** (information structure) × **style** (visual aesthetics). Freely combine any layout with any style. |
| 4 | |
| 5 | ## Usage |
| 6 | |
| 7 | ```bash |
| 8 | /baoyu-infographic path/to/content.md |
| 9 | /baoyu-infographic path/to/content.md --layout hierarchical-layers --style technical-schematic |
| 10 | /baoyu-infographic path/to/content.md --aspect portrait --lang zh |
| 11 | /baoyu-infographic # then paste content |
| 12 | ``` |
| 13 | |
| 14 | ## Options |
| 15 | |
| 16 | | Option | Values | |
| 17 | |--------|--------| |
| 18 | | `--layout` | 21 options (see Layout Gallery), default: bento-grid | |
| 19 | | `--style` | 20 options (see Style Gallery), default: craft-handmade | |
| 20 | | `--aspect` | landscape (16:9), portrait (9:16), square (1:1) | |
| 21 | | `--lang` | en, zh, ja, etc. | |
| 22 | |
| 23 | ## Layout Gallery |
| 24 | |
| 25 | | Layout | Best For | |
| 26 | |--------|----------| |
| 27 | | `linear-progression` | Timelines, processes, tutorials | |
| 28 | | `binary-comparison` | A vs B, before-after, pros-cons | |
| 29 | | `comparison-matrix` | Multi-factor comparisons | |
| 30 | | `hierarchical-layers` | Pyramids, priority levels | |
| 31 | | `tree-branching` | Categories, taxonomies | |
| 32 | | `hub-spoke` | Central concept with related items | |
| 33 | | `structural-breakdown` | Exploded views, cross-sections | |
| 34 | | `bento-grid` | Multiple topics, overview (default) | |
| 35 | | `iceberg` | Surface vs hidden aspects | |
| 36 | | `bridge` | Problem-solution | |
| 37 | | `funnel` | Conversion, filtering | |
| 38 | | `isometric-map` | Spatial relationships | |
| 39 | | `dashboard` | Metrics, KPIs | |
| 40 | | `periodic-table` | Categorized collections | |
| 41 | | `comic-strip` | Narratives, sequences | |
| 42 | | `story-mountain` | Plot structure, tension arcs | |
| 43 | | `jigsaw` | Interconnected parts | |
| 44 | | `venn-diagram` | Overlapping concepts | |
| 45 | | `winding-roadmap` | Journey, milestones | |
| 46 | | `circular-flow` | Cycles, recurring processes | |
| 47 | | `dense-modules` | High-density modules, data-rich guides | |
| 48 | |
| 49 | Full definitions: `references/layouts/<layout>.md` |
| 50 | |
| 51 | ## Style Gallery |
| 52 | |
| 53 | | Style | Description | |
| 54 | |-------|-------------| |
| 55 | | `craft-handmade` | Hand-drawn, paper craft (default) | |
| 56 | | `claymation` | 3D clay figures, stop-motion | |
| 57 | | `kawaii` | Japanese cute, pastels | |
| 58 | | `storybook-watercolor` | Soft painted, whimsical | |
| 59 | | `chalkboard` | Chalk on black board | |
| 60 | | `cyberpunk-neon` | Neon glow, futuristic | |
| 61 | | `bold-graphic` | Comic style, halftone | |
| 62 | | `aged-academia` | Vintage science, sepia | |
| 63 | | `corporate-memphis` | Flat vector, vibrant | |
| 64 | | `technical-schematic` | Blueprint, engineering | |
| 65 | | `origami` | Folded paper, geometric | |
| 66 | | `pixel-art` | Retro 8-bit | |
| 67 | | `ui-wireframe` | Grayscale interface mockup | |
| 68 | | `subway-map` | Transit diagram | |
| 69 | | `ikea-manual` | Minimal line art | |
| 70 | | `knolling` | Organized flat-lay | |
| 71 | | `lego-brick` | Toy brick construction | |
| 72 | | `pop-laboratory` | Blueprint grid, coordinate markers, lab precision | |
| 73 | | `morandi-journal` | Hand-drawn doodle, warm Morandi tones | |
| 74 | | `retro-pop-grid` | 1970s retro pop art, Swiss grid, thick outlines | |
| 75 | |
| 76 | Full definitions: `references/styles/<style>.md` |
| 77 | |
| 78 | ## Recommended Combinations |
| 79 | |
| 80 | | Content Type | Layout + Style | |
| 81 | |--------------|----------------| |
| 82 | | Timeline/History | `linear-progression` + `craft-handmade` | |
| 83 | | Step-by-step | `linear-progression` + `ikea-manual` | |
| 84 | | A vs B | `binary-comparison` + `corporate-memphis` | |
| 85 | | Hierarchy | `hierarchical-layers` + `craft-handmade` | |
| 86 | | Overlap | `venn-diagram` + `craft-handmade` | |
| 87 | | Conversion | `funnel` + `corporate-memphis` | |
| 88 | | Cycles | `circular-flow` + `craft-handmade` | |
| 89 | | Technical | `structural-breakdown` + `technical-schematic` | |
| 90 | | Metrics | `dashboard` + `corporate-memphis` | |
| 91 | | Educational | `bento-grid` + `chalkboard` | |
| 92 | | Journey | `winding-roadmap` + `storybook-watercolor` | |
| 93 | | Categories | `periodic-table` + `bold-graphic` | |
| 94 | | Product Guide | `dense-modules` + `morandi-journal` | |
| 95 | | Technical Guide | `dense-modules` + `pop-laboratory` | |
| 96 | | Trendy Guide | `dense-modules` + `retro-pop-grid` | |
| 97 | |
| 98 | Default: `bento-grid` + `craft-handmade` |
| 99 | |
| 100 | ## Keyword Shortcuts |
| 101 | |
| 102 | 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. |
| 103 | |
| 104 | If a shortcut has **Prompt Notes**, append them to the generated prompt (Step 5) as additional style instructions. |
| 105 | |
| 106 | | User Keyword | Layout | Recommended Styles | Default Aspect | Prompt Notes | |
| 107 | |--------------|--------|--------------------|----------------|--------------| |
| 108 | | 高密度信息大图 / high-density-info | `dense-modules` | `morandi-journal`, `pop-laboratory`, `retro-pop-grid` | portrait | — | |
| 109 | | 信息图 / infographic | `bento-grid` | `craft-handmade` | landscape | Minimalist: clean canvas, ample whitespace, no complex background textures. Simple cartoon elements and icons only. | |
| 110 | |
| 111 | ## Output S |
People who liked this also viewed
6 picksType
- ai-video-generationinference.sh Agent skills for using our API to give your agents access to hundreds of apps and other agentsSkillsJul 2026
- imagegen-frontend-webElite frontend image-direction skill for generating premium, conversion-aware website design references. CRITICAL OUTPUT RULE — generate ONE separate horizontal image FOR EVERY section. A landing pageSkillsJul 2026
- hyperframes-mediaWrite HTML. Render video. Built for agents.SkillsJul 2026
- media-useAgent Media OS, the single skill for every media need in a HyperFrames project. Resolve BGM, SFX, image, icon, brand logo, voice, color grade, or LUT into a frozen local file or paste-ready block + leSkillsJul 2026
- general-videoAuthor or edit a custom HyperFrames composition when no specialized workflow fits, or when BRIEF.md sets flow: companion. Use for longer or multi-scene pieces, brand and sizzle reels, montages, staticSkillsJul 2026
- product-launch-videoTurn a product or marketing URL, pasted script, or brief into a product launch / promo video — SaaS promos, feature reveals, product demos, app and company launches. Use when the user wants to market,SkillsJul 2026
