[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6G9APY4BNB6DM8YRWFXFFZQ":3,"skill-same:01M6G9APY4BNB6DM8YRWFXFFZQ":76},{"skillNo":4,"name":5,"nameZh":6,"description":7,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":16,"categories":17,"keywords":23,"publishedAt":41,"linkOnly":42,"markdownContent":43,"markdownBody":44,"frontMatter":45,"refName":54,"commitSha":55,"skillDirectory":56,"forksCount":57,"repositoryHtmlUrl":58,"repositoryHomepageUrl":6,"ownerHtmlUrl":59,"ownerBlogUrl":6,"ownerDescription":60,"updatedAt":61,"install":62,"resources":75},"01M6G9APY4BNB6DM8YRWFXFFZQ","baoyu-infographic",null,"Infographics: 21 layouts x 21 styles (信息图, 可视化).","zapabob\u002FSkills","zapabob","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F130830376?v=4","01M6DBMYZAGRTFQDSQYW3W764P","峯岸 亮","01M6DBMZ3GKDSJ01NZ9XTZD7JD",2,"MIT","https:\u002F\u002Fgithub.com\u002Fzapabob\u002FSkills\u002Fblob\u002Fmain\u002Farchive\u002Fskill-md-reviewed\u002Fsha256\u002F75\u002F75d4fd8b2b58b007d46f1b2a706771e38410eb4c719a4a66c51b47f81e1e3b40\u002FSKILL.md",[18],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000016","图像与多媒体","SCENARIO","使用场景",[24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40],"baoyu infographic","infographic","image-generation","styles","信息图","可视化","infographics","generation","visual","summary","image","creative","https","windows","linux","github","macos","2026-11-10 10:12:30",false,"---\r\nname: baoyu-infographic\r\ndescription: \"Infographics: 21 layouts x 21 styles (信息图, 可视化).\"\r\nversion: 1.56.1\r\nauthor: 宝玉 (JimLiu)\r\nlicense: MIT\r\nplatforms: [linux, macos, windows]\r\nmetadata:\r\n  hermes:\r\n    tags: [infographic, visual-summary, creative, image-generation]\r\n    homepage: https:\u002F\u002Fgithub.com\u002FJimLiu\u002Fbaoyu-skills#baoyu-infographic\r\n---\r\n\r\n# Infographic Generator\r\n\r\nAdapted from [baoyu-infographic](https:\u002F\u002Fgithub.com\u002FJimLiu\u002Fbaoyu-skills) for Hermes Agent's tool ecosystem.\r\n\r\nTwo dimensions: **layout** (information structure) × **style** (visual aesthetics). Freely combine any layout with any style.\r\n\r\n## When to Use\r\n\r\nTrigger this skill when the user asks to create an infographic, visual summary, information graphic, or uses terms like \"信息图\", \"可视化\", or \"高密度信息大图\". The user provides content (text, file path, URL, or topic) and optionally specifies layout, style, aspect ratio, or language.\r\n\r\n## Options\r\n\r\n| Option | Values |\r\n|--------|--------|\r\n| Layout | 21 options (see Layout Gallery), default: bento-grid |\r\n| Style | 21 options (see Style Gallery), default: craft-handmade |\r\n| Aspect | Named: landscape (16:9), portrait (9:16), square (1:1). Custom: any W:H ratio (e.g., 3:4, 4:3, 2.35:1) |\r\n| Language | en, zh, ja, etc. |\r\n\r\n## Layout Gallery\r\n\r\n| Layout | Best For |\r\n|--------|----------|\r\n| `linear-progression` | Timelines, processes, tutorials |\r\n| `binary-comparison` | A vs B, before-after, pros-cons |\r\n| `comparison-matrix` | Multi-factor comparisons |\r\n| `hierarchical-layers` | Pyramids, priority levels |\r\n| `tree-branching` | Categories, taxonomies |\r\n| `hub-spoke` | Central concept with related items |\r\n| `structural-breakdown` | Exploded views, cross-sections |\r\n| `bento-grid` | Multiple topics, overview (default) |\r\n| `iceberg` | Surface vs hidden aspects |\r\n| `bridge` | Problem-solution |\r\n| `funnel` | Conversion, filtering |\r\n| `isometric-map` | Spatial relationships |\r\n| `dashboard` | Metrics, KPIs |\r\n| `periodic-table` | Categorized collections |\r\n| `comic-strip` | Narratives, sequences |\r\n| `story-mountain` | Plot structure, tension arcs |\r\n| `jigsaw` | Interconnected parts |\r\n| `venn-diagram` | Overlapping concepts |\r\n| `winding-roadmap` | Journey, milestones |\r\n| `circular-flow` | Cycles, recurring processes |\r\n| `dense-modules` | High-density modules, data-rich guides |\r\n\r\nFull definitions: `references\u002Flayouts\u002F\u003Clayout>.md`\r\n\r\n## Style Gallery\r\n\r\n| Style | Description |\r\n|-------|-------------|\r\n| `craft-handmade` | Hand-drawn, paper craft (default) |\r\n| `claymation` | 3D clay figures, stop-motion |\r\n| `kawaii` | Japanese cute, pastels |\r\n| `storybook-watercolor` | Soft painted, whimsical |\r\n| `chalkboard` | Chalk on black board |\r\n| `cyberpunk-neon` | Neon glow, futuristic |\r\n| `bold-graphic` | Comic style, halftone |\r\n| `aged-academia` | Vintage science, sepia |\r\n| `corporate-memphis` | Flat vector, vibrant |\r\n| `technical-schematic` | Blueprint, engineering |\r\n| `origami` | Folded paper, geometric |\r\n| `pixel-art` | Retro 8-bit |\r\n| `ui-wireframe` | Grayscale interface mockup |\r\n| `subway-map` | Transit diagram |\r\n| `ikea-manual` | Minimal line art |\r\n| `knolling` | Organized flat-lay |\r\n| `lego-brick` | Toy brick construction |\r\n| `pop-laboratory` | Blueprint grid, coordinate markers, lab precision |\r\n| `morandi-journal` | Hand-drawn doodle, warm Morandi tones |\r\n| `retro-pop-grid` | 1970s retro pop art, Swiss grid, thick outlines |\r\n| `hand-drawn-edu` | Macaron pastels, hand-drawn wobble, stick figures |\r\n\r\nFull definitions: `references\u002Fstyles\u002F\u003Cstyle>.md`\r\n\r\n## Recommended Combinations\r\n\r\n| Content Type | Layout + Style |\r\n|--------------|----------------|\r\n| Timeline\u002FHistory | `linear-progression` + `craft-handmade` |\r\n| Step-by-step | `linear-progression` + `ikea-manual` |\r\n| A vs B | `binary-comparison` + `corporate-memphis` |\r\n| Hierarchy | `hierarchical-layers` + `craft-handmade` |\r\n| Overlap | `venn-diagram` + `craft-handmade` |\r\n| Conversion | `funnel` + `corporate-memphis` |\r\n| Cycles | `circular-flow` + `craft-handmade` |\r\n| Technical | `structural-breakdown` + `technical-schematic` |\r\n| Metrics | `dashboard` + `corporate-memphis` |\r\n| Educational | `bento-grid` + `chalkboard` |\r\n| Journey | `winding-roadmap` + `storybook-watercolor` |\r\n| Categories | `periodic-table` + `bold-graphic` |\r\n| Product Guide | `dense-modules` + `morandi-journal` |\r\n| Technical Guide | `dense-modules` + `pop-laboratory` |\r\n| Trendy Guide | `dense-modules` + `retro-pop-grid` |\r\n| Educational Diagram | `hub-spoke` + `hand-drawn-edu` |\r\n| Process Tutorial | `linear-progression` + `hand-drawn-edu` |\r\n\r\nDefault: `bento-grid` + `craft-handmade`\r\n\r\n## Keyword Shortcuts\r\n\r\nWhen 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.\r\n\r\nIf a shortcut has **Prompt Notes**, append them to the generated prompt (Step 5) as additional style instructions.\r\n\r\n| User Keyword | Layout | Recommended Styles | Default Aspect | Prompt Notes |\r\n|--------------|--------|--------------------|----------------|--------------|\r\n| 高密度信息大图 \u002F high-density-info | `dense-modules` | `morandi-journal`, `pop-laboratory`, `retro-pop-grid` | portrait | — |\r\n| 信息图 \u002F infographic | `bento-grid` | `craft-handmade` | landscape | Minimalist: clean canvas, ample whitespace, no complex background textures. Simple cartoon elements and icons only. |\r\n\r\n## Output Structure\r\n\r\n```\r\ninfographic\u002F{topic-slug}\u002F\r\n├── source-{slug}.{ext}\r\n├── analysis.md\r\n├── structured-content.md\r\n├── prompts\u002Finfographic.md\r\n└── infographic.png\r\n```\r\n\r\nSlug: 2-4 words kebab-case from topic. Conflict: append `-YYYYMMDD-HHMMSS`.\r\n\r\n## Core Principles\r\n\r\n- Preserve source data faithfully — no summarization or rephrasing (but **strip any credentials, API keys, tokens, or secrets** before including in outputs)\r\n- Define learning objectives before structuring content\r\n- Structure for visual communication (headlines, labels, visual elements)\r\n\r\n## Workflow\r\n\r\n### Step 1: Analyze Content\r\n\r\n**Load references**: Read `references\u002Fanalysis-framework.md` from this skill.\r\n\r\n1. Save source content (file path or paste → `source.md` using `write_file`)\r\n   - **Backup rule**: If `source.md` exists, rename to `source-backup-YYYYMMDD-HHMMSS.md`\r\n2. Analyze: topic, data type, complexity, tone, audience\r\n3. Detect source language and user language\r\n4. Extract design instructions from user input\r\n5. Save analysis to `analysis.md`\r\n   - **Backup rule**: If `analysis.md` exists, rename to `analysis-backup-YYYYMMDD-HHMMSS.md`\r\n\r\nSee `references\u002Fanalysis-framework.md` for detailed format.\r\n\r\n### Step 2: Generate Structured Content → `structured-content.md`\r\n\r\nTransform content into infographic structure:\r\n1. Title and learning objectives\r\n2. Sections with: key concept, content (verbatim), visual element, text labels\r\n3. Data points (all statistics\u002Fquotes copied exactly)\r\n4. Design instructions from user\r\n\r\n**Rules**: Markdown only. No new information. Preserve data faithfully. Strip any credentials or secrets from output.\r\n\r\nSee `references\u002Fstructured-content-template.md` for detailed format.\r\n\r\n### Step 3: Recommend Combinations\r\n\r\n**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.\r\n\r\n**3.2 Otherwise**, recommend 3-5 layout×style combinations based on:\r\n- Data structure → matching layout\r\n- Content tone → matching style\r\n- Audience expectations\r\n- User design instructions\r\n\r\n### Step 4: Confirm Options\r\n\r\nUse the `clarify` tool to confirm options with the user. Since `clarify` handles one question at a time, ask the most important question first:\r\n\r\n**Q1 — Combination**: Present 3+ layout×style combos with rationale. Ask user to pick one.\r\n\r\n**Q2 — Aspect**: Ask for aspect ratio preference (landscape\u002Fportrait\u002Fsquare or custom W:H).\r\n\r\n**Q3 — Language** (only if source ≠ user language): Ask which language the text content should use.\r\n\r\n### Step 5: Generate Prompt → `prompts\u002Finfographic.md`\r\n\r\n**Backup rule**: If `prompts\u002Finfographic.md` exists, rename to `prompts\u002Finfographic-backup-YYYYMMDD-HHMMSS.md`\r\n\r\n**Load references**: Read the selected layout from `references\u002Flayouts\u002F\u003Clayout>.md` and style from `references\u002Fstyles\u002F\u003Cstyle>.md`.\r\n\r\nCombine:\r\n1. Layout definition from `references\u002Flayouts\u002F\u003Clayout>.md`\r\n2. Style definition from `references\u002Fstyles\u002F\u003Cstyle>.md`\r\n3. Base template from `references\u002Fbase-prompt.md`\r\n4. Structured content from Step 2\r\n5. All text in confirmed language\r\n\r\n**Aspect ratio resolution** for `{{ASPECT_RATIO}}`:\r\n- Named presets → ratio string: landscape→`16:9`, portrait→`9:16`, square→`1:1`\r\n- Custom W:H ratios → use as-is (e.g., `3:4`, `4:3`, `2.35:1`)\r\n\r\nSave the assembled prompt to `prompts\u002Finfographic.md` using `write_file`.\r\n\r\n### Step 6: Generate Image\r\n\r\nUse the `image_generate` tool with the assembled prompt from Step 5.\r\n\r\n- Map aspect ratio to image_generate's format: `16:9` → `landscape`, `9:16` → `portrait`, `1:1` → `square`\r\n- For custom ratios, pick the closest named aspect\r\n- On failure, auto-retry once\r\n- Save the resulting image URL\u002Fpath to the output directory\r\n\r\n### Step 7: Output Summary\r\n\r\nReport: topic, layout, style, aspect, language, output path, files created.\r\n\r\n## References\r\n\r\n- `references\u002Fanalysis-framework.md` — Analysis methodology\r\n- `references\u002Fstructured-content-template.md` — Content format\r\n- `references\u002Fbase-prompt.md` — Prompt template\r\n- `references\u002Flayouts\u002F\u003Clayout>.md` — 21 layout definitions\r\n- `references\u002Fstyles\u002F\u003Cstyle>.md` — 21 style definitions\r\n\r\n## Pitfalls\r\n\r\n1. **Data integrity is paramount** — never summarize, paraphrase, or alter source statistics. \"73% increase\" must stay \"73% increase\", not \"significant increase\".\r\n2. **Strip secrets** — always scan source content for API keys, tokens, or credentials before including in any output file.\r\n3. **One message per section** — each infographic section should convey one clear concept. Overloading sections reduces readability.\r\n4. **Style consistency** — the style definition from the references file must be applied consistently across the entire infographic. Don't mix styles.\r\n5. **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).\r\n","# Infographic Generator\r\n\r\nAdapted from [baoyu-infographic](https:\u002F\u002Fgithub.com\u002FJimLiu\u002Fbaoyu-skills) for Hermes Agent's tool ecosystem.\r\n\r\nTwo dimensions: **layout** (information structure) × **style** (visual aesthetics). Freely combine any layout with any style.\r\n\r\n## When to Use\r\n\r\nTrigger this skill when the user asks to create an infographic, visual summary, information graphic, or uses terms like \"信息图\", \"可视化\", or \"高密度信息大图\". The user provides content (text, file path, URL, or topic) and optionally specifies layout, style, aspect ratio, or language.\r\n\r\n## Options\r\n\r\n| Option | Values |\r\n|--------|--------|\r\n| Layout | 21 options (see Layout Gallery), default: bento-grid |\r\n| Style | 21 options (see Style Gallery), default: craft-handmade |\r\n| Aspect | Named: landscape (16:9), portrait (9:16), square (1:1). Custom: any W:H ratio (e.g., 3:4, 4:3, 2.35:1) |\r\n| Language | en, zh, ja, etc. |\r\n\r\n## Layout Gallery\r\n\r\n| Layout | Best For |\r\n|--------|----------|\r\n| `linear-progression` | Timelines, processes, tutorials |\r\n| `binary-comparison` | A vs B, before-after, pros-cons |\r\n| `comparison-matrix` | Multi-factor comparisons |\r\n| `hierarchical-layers` | Pyramids, priority levels |\r\n| `tree-branching` | Categories, taxonomies |\r\n| `hub-spoke` | Central concept with related items |\r\n| `structural-breakdown` | Exploded views, cross-sections |\r\n| `bento-grid` | Multiple topics, overview (default) |\r\n| `iceberg` | Surface vs hidden aspects |\r\n| `bridge` | Problem-solution |\r\n| `funnel` | Conversion, filtering |\r\n| `isometric-map` | Spatial relationships |\r\n| `dashboard` | Metrics, KPIs |\r\n| `periodic-table` | Categorized collections |\r\n| `comic-strip` | Narratives, sequences |\r\n| `story-mountain` | Plot structure, tension arcs |\r\n| `jigsaw` | Interconnected parts |\r\n| `venn-diagram` | Overlapping concepts |\r\n| `winding-roadmap` | Journey, milestones |\r\n| `circular-flow` | Cycles, recurring processes |\r\n| `dense-modules` | High-density modules, data-rich guides |\r\n\r\nFull definitions: `references\u002Flayouts\u002F\u003Clayout>.md`\r\n\r\n## Style Gallery\r\n\r\n| Style | Description |\r\n|-------|-------------|\r\n| `craft-handmade` | Hand-drawn, paper craft (default) |\r\n| `claymation` | 3D clay figures, stop-motion |\r\n| `kawaii` | Japanese cute, pastels |\r\n| `storybook-watercolor` | Soft painted, whimsical |\r\n| `chalkboard` | Chalk on black board |\r\n| `cyberpunk-neon` | Neon glow, futuristic |\r\n| `bold-graphic` | Comic style, halftone |\r\n| `aged-academia` | Vintage science, sepia |\r\n| `corporate-memphis` | Flat vector, vibrant |\r\n| `technical-schematic` | Blueprint, engineering |\r\n| `origami` | Folded paper, geometric |\r\n| `pixel-art` | Retro 8-bit |\r\n| `ui-wireframe` | Grayscale interface mockup |\r\n| `subway-map` | Transit diagram |\r\n| `ikea-manual` | Minimal line art |\r\n| `knolling` | Organized flat-lay |\r\n| `lego-brick` | Toy brick construction |\r\n| `pop-laboratory` | Blueprint grid, coordinate markers, lab precision |\r\n| `morandi-journal` | Hand-drawn doodle, warm Morandi tones |\r\n| `retro-pop-grid` | 1970s retro pop art, Swiss grid, thick outlines |\r\n| `hand-drawn-edu` | Macaron pastels, hand-drawn wobble, stick figures |\r\n\r\nFull definitions: `references\u002Fstyles\u002F\u003Cstyle>.md`\r\n\r\n## Recommended Combinations\r\n\r\n| Content Type | Layout + Style |\r\n|--------------|----------------|\r\n| Timeline\u002FHistory | `linear-progression` + `craft-handmade` |\r\n| Step-by-step | `linear-progression` + `ikea-manual` |\r\n| A vs B | `binary-comparison` + `corporate-memphis` |\r\n| Hierarchy | `hierarchical-layers` + `craft-handmade` |\r\n| Overlap | `venn-diagram` + `craft-handmade` |\r\n| Conversion | `funnel` + `corporate-memphis` |\r\n| Cycles | `circular-flow` + `craft-handmade` |\r\n| Technical | `structural-breakdown` + `technical-schematic` |\r\n| Metrics | `dashboard` + `corporate-memphis` |\r\n| Educational | `bento-grid` + `chalkboard` |\r\n| Journey | `winding-roadmap` + `storybook-watercolor` |\r\n| Categories | `periodic-table` + `bold-graphic` |\r\n| Product Guide | `dense-modules` + `morandi-journal` |\r\n| Technical Guide | `dense-modules` + `pop-laboratory` |\r\n| Trendy Guide | `dense-modules` + `retro-pop-grid` |\r\n| Educational Diagram | `hub-spoke` + `hand-drawn-edu` |\r\n| Process Tutorial | `linear-progression` + `hand-drawn-edu` |\r\n\r\nDefault: `bento-grid` + `craft-handmade`\r\n\r\n## Keyword Shortcuts\r\n\r\nWhen 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.\r\n\r\nIf a shortcut has **Prompt Notes**, append them to the generated prompt (Step 5) as additional style instructions.\r\n\r\n| User Keyword | Layout | Recommended Styles | Default Aspect | Prompt Notes |\r\n|--------------|--------|--------------------|----------------|--------------|\r\n| 高密度信息大图 \u002F high-density-info | `dense-modules` | `morandi-journal`, `pop-laboratory`, `retro-pop-grid` | portrait | — |\r\n| 信息图 \u002F infographic | `bento-grid` | `craft-handmade` | landscape | Minimalist: clean canvas, ample whitespace, no complex background textures. Simple cartoon elements and icons only. |\r\n\r\n## Output Structure\r\n\r\n```\r\ninfographic\u002F{topic-slug}\u002F\r\n├── source-{slug}.{ext}\r\n├── analysis.md\r\n├── structured-content.md\r\n├── prompts\u002Finfographic.md\r\n└── infographic.png\r\n```\r\n\r\nSlug: 2-4 words kebab-case from topic. Conflict: append `-YYYYMMDD-HHMMSS`.\r\n\r\n## Core Principles\r\n\r\n- Preserve source data faithfully — no summarization or rephrasing (but **strip any credentials, API keys, tokens, or secrets** before including in outputs)\r\n- Define learning objectives before structuring content\r\n- Structure for visual communication (headlines, labels, visual elements)\r\n\r\n## Workflow\r\n\r\n### Step 1: Analyze Content\r\n\r\n**Load references**: Read `references\u002Fanalysis-framework.md` from this skill.\r\n\r\n1. Save source content (file path or paste → `source.md` using `write_file`)\r\n   - **Backup rule**: If `source.md` exists, rename to `source-backup-YYYYMMDD-HHMMSS.md`\r\n2. Analyze: topic, data type, complexity, tone, audience\r\n3. Detect source language and user language\r\n4. Extract design instructions from user input\r\n5. Save analysis to `analysis.md`\r\n   - **Backup rule**: If `analysis.md` exists, rename to `analysis-backup-YYYYMMDD-HHMMSS.md`\r\n\r\nSee `references\u002Fanalysis-framework.md` for detailed format.\r\n\r\n### Step 2: Generate Structured Content → `structured-content.md`\r\n\r\nTransform content into infographic structure:\r\n1. Title and learning objectives\r\n2. Sections with: key concept, content (verbatim), visual element, text labels\r\n3. Data points (all statistics\u002Fquotes copied exactly)\r\n4. Design instructions from user\r\n\r\n**Rules**: Markdown only. No new information. Preserve data faithfully. Strip any credentials or secrets from output.\r\n\r\nSee `references\u002Fstructured-content-template.md` for detailed format.\r\n\r\n### Step 3: Recommend Combinations\r\n\r\n**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.\r\n\r\n**3.2 Otherwise**, recommend 3-5 layout×style combinations based on:\r\n- Data structure → matching layout\r\n- Content tone → matching style\r\n- Audience expectations\r\n- User design instructions\r\n\r\n### Step 4: Confirm Options\r\n\r\nUse the `clarify` tool to confirm options with the user. Since `clarify` handles one question at a time, ask the most important question first:\r\n\r\n**Q1 — Combination**: Present 3+ layout×style combos with rationale. Ask user to pick one.\r\n\r\n**Q2 — Aspect**: Ask for aspect ratio preference (landscape\u002Fportrait\u002Fsquare or custom W:H).\r\n\r\n**Q3 — Language** (only if source ≠ user language): Ask which language the text content should use.\r\n\r\n### Step 5: Generate Prompt → `prompts\u002Finfographic.md`\r\n\r\n**Backup rule**: If `prompts\u002Finfographic.md` exists, rename to `prompts\u002Finfographic-backup-YYYYMMDD-HHMMSS.md`\r\n\r\n**Load references**: Read the selected layout from `references\u002Flayouts\u002F\u003Clayout>.md` and style from `references\u002Fstyles\u002F\u003Cstyle>.md`.\r\n\r\nCombine:\r\n1. Layout definition from `references\u002Flayouts\u002F\u003Clayout>.md`\r\n2. Style definition from `references\u002Fstyles\u002F\u003Cstyle>.md`\r\n3. Base template from `references\u002Fbase-prompt.md`\r\n4. Structured content from Step 2\r\n5. All text in confirmed language\r\n\r\n**Aspect ratio resolution** for `{{ASPECT_RATIO}}`:\r\n- Named presets → ratio string: landscape→`16:9`, portrait→`9:16`, square→`1:1`\r\n- Custom W:H ratios → use as-is (e.g., `3:4`, `4:3`, `2.35:1`)\r\n\r\nSave the assembled prompt to `prompts\u002Finfographic.md` using `write_file`.\r\n\r\n### Step 6: Generate Image\r\n\r\nUse the `image_generate` tool with the assembled prompt from Step 5.\r\n\r\n- Map aspect ratio to image_generate's format: `16:9` → `landscape`, `9:16` → `portrait`, `1:1` → `square`\r\n- For custom ratios, pick the closest named aspect\r\n- On failure, auto-retry once\r\n- Save the resulting image URL\u002Fpath to the output directory\r\n\r\n### Step 7: Output Summary\r\n\r\nReport: topic, layout, style, aspect, language, output path, files created.\r\n\r\n## References\r\n\r\n- `references\u002Fanalysis-framework.md` — Analysis methodology\r\n- `references\u002Fstructured-content-template.md` — Content format\r\n- `references\u002Fbase-prompt.md` — Prompt template\r\n- `references\u002Flayouts\u002F\u003Clayout>.md` — 21 layout definitions\r\n- `references\u002Fstyles\u002F\u003Cstyle>.md` — 21 style definitions\r\n\r\n## Pitfalls\r\n\r\n1. **Data integrity is paramount** — never summarize, paraphrase, or alter source statistics. \"73% increase\" must stay \"73% increase\", not \"significant increase\".\r\n2. **Strip secrets** — always scan source content for API keys, tokens, or credentials before including in any output file.\r\n3. **One message per section** — each infographic section should convey one clear concept. Overloading sections reduces readability.\r\n4. **Style consistency** — the style definition from the references file must be applied consistently across the entire infographic. Don't mix styles.\r\n5. **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).\r\n",{"name":5,"author":46,"license":15,"version":47,"metadata":48,"platforms":53,"description":7},"宝玉 (JimLiu)","1.56.1",{"hermes":49},{"tags":50,"homepage":52},[25,51,35,26],"visual-summary","https:\u002F\u002Fgithub.com\u002FJimLiu\u002Fbaoyu-skills#baoyu-infographic",[38,40,37],"main","0d1434f89f4bc6b07e9d272accd8c1013768820f","archive\u002Fskill-md-reviewed\u002Fsha256\u002F75\u002F75d4fd8b2b58b007d46f1b2a706771e38410eb4c719a4a66c51b47f81e1e3b40",0,"https:\u002F\u002Fgithub.com\u002Fzapabob\u002FSkills","https:\u002F\u002Fgithub.com\u002Fzapabob","The Open University of JAPAN　2019-now\r\n\r\nTokyo University of Science　2007-2010","2026-10-26 16:29:01",{"source":8,"skillName":5,"commands":63,"prompt":73,"zipAvailable":74},[64,67,70],{"tool":65,"command":66},"npx","npx skills add zapabob\u002FSkills --skill baoyu-infographic",{"tool":68,"command":69},"bunx","bunx skills add zapabob\u002FSkills --skill baoyu-infographic",{"tool":71,"command":72},"pnpm","pnpm dlx skills add zapabob\u002FSkills --skill baoyu-infographic","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002Fzapabob\u002FSkills\u002Fblob\u002Fmain\u002Farchive\u002Fskill-md-reviewed\u002Fsha256\u002F75\u002F75d4fd8b2b58b007d46f1b2a706771e38410eb4c719a4a66c51b47f81e1e3b40\u002FSKILL.md",true,[],[77,108,143,168,195,212],{"skillNo":78,"name":79,"nameZh":6,"description":80,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":81,"categories":82,"keywords":94,"publishedAt":41},"01M6GJTE1GESGGF9K028Y7753E","xurl","X\u002FTwitter via xurl CLI: post, search, DM, media, v2 API.","https:\u002F\u002Fgithub.com\u002Fzapabob\u002FSkills\u002Fblob\u002Fmain\u002Fregistry\u002Fskills\u002Fxurl\u002Fvariants\u002Fhermes-agent\u002FSKILL.md",[83,86,89],{"categoryNo":84,"categoryName":85,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000010","后端与接口",{"categoryNo":87,"categoryName":88,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000023","Skill与智能体开发",{"categoryNo":90,"categoryName":91,"taxonomyType":92,"taxonomyTypeDesc":93},"01JBSEEDCAT000000000000030","开发工程师","PROFESSION","适用职业",[79,95,40,96,39,38,37,97,98,36,99,100,101,102,103,104,54,105,106,107],"openclaw","cli","official","search","social-media","api","Media","hermes","hermes agent","twitter","social","via","post",{"skillNo":109,"name":110,"nameZh":6,"description":111,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":112,"categories":113,"keywords":125,"publishedAt":41},"01M6GJT8S1PXQ8WPXT1HSNBWH2","writing-plans","Write implementation plans: bite-sized tasks, paths, code.","https:\u002F\u002Fgithub.com\u002Fzapabob\u002FSkills\u002Fblob\u002Fmain\u002Fregistry\u002Fskills\u002Fwriting-plans\u002Fvariants\u002Fhermes-agent\u002FSKILL.md",[114,117,120,121,122],{"categoryNo":115,"categoryName":116,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000015","视觉设计",{"categoryNo":118,"categoryName":119,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000018","写作与文案",{"categoryNo":87,"categoryName":88,"taxonomyType":21,"taxonomyTypeDesc":22},{"categoryNo":90,"categoryName":91,"taxonomyType":92,"taxonomyTypeDesc":93},{"categoryNo":123,"categoryName":124,"taxonomyType":92,"taxonomyTypeDesc":93},"01JBSEEDCAT000000000000036","内容创作者",[126,127,128,129,40,130,38,131,37,132,133,134,135,136,137,138,139,140,141,142],"writing","writing plans","plans","design","review","workflow","documentation","tasks","development","code","planning","code-review","subagent","write","superpowers","paths","test-driven-development",{"skillNo":144,"name":145,"nameZh":6,"description":146,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":147,"categories":148,"keywords":150,"publishedAt":41},"01M6GJST0H5X7WHBJ3BZK0DVKH","whisper","OpenAI's general-purpose speech recognition model. Supports 99 languages, transcription, translation to English, and language identification. Six model sizes from tiny (39M params) to large (1550M params). Use for speech-to-text, podcast transcription, or multilingual audio processing. Best for robust, multilingual ASR.","https:\u002F\u002Fgithub.com\u002Fzapabob\u002FSkills\u002Fblob\u002Fmain\u002Fregistry\u002Fskills\u002Fwhisper\u002Fvariants\u002Fhermes-agent-optional\u002FSKILL.md",[149],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},[145,40,38,151,152,153,154,155,156,157,158,159,160,161,162,163,164,165,166,167],"openai","speech","multimodal","Transformers","ASR","Audio","text","model","speech recognition","use","general","multilingual","translation","english","identification","processing","Audio Processing",{"skillNo":169,"name":170,"nameZh":6,"description":171,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":172,"categories":173,"keywords":177,"publishedAt":41},"01M6GJSMRQ8EETZTYMG72P70EA","weights-and-biases","W&B: log ML experiments, sweeps, model registry, dashboards.","https:\u002F\u002Fgithub.com\u002Fzapabob\u002FSkills\u002Fblob\u002Fmain\u002Fregistry\u002Fskills\u002Fweights-and-biases\u002Fvariants\u002Fhermes-agent\u002FSKILL.md",[174],{"categoryNo":175,"categoryName":176,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000013","分析与可视化",[178,40,179,180,37,181,182,183,184,185,186,158,187,188,189,190,191,192,193,194],"weights and biases","tensorflow","experiments","pytorch","visualization","registry","real-time","tuning","dashboards","experiment","log","time","Experiment Tracking","Model Registry","Hyperparameter Tuning","WandB","Real-Time Visualization",{"skillNo":196,"name":197,"nameZh":6,"description":198,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":199,"categories":200,"keywords":202,"publishedAt":41},"01M6GJS19KDPRY112JTR326S06","watchers","Poll RSS, JSON APIs, and GitHub with watermark dedup.","https:\u002F\u002Fgithub.com\u002Fzapabob\u002FSkills\u002Fblob\u002Fmain\u002Fregistry\u002Fskills\u002Fwatchers\u002Fvariants\u002Fhermes-agent-optional\u002FSKILL.md",[201],{"categoryNo":87,"categoryName":88,"taxonomyType":21,"taxonomyTypeDesc":22},[197,40,203,39,38,204,205,206,207,208,209,102,103,210,211],"terminal","automation","http","monitoring","cron","json","rss","devops","with",{"skillNo":213,"name":214,"nameZh":6,"description":215,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":216,"categories":217,"keywords":220,"publishedAt":41},"01M6GJRHJD2A6Q830SWF9W48BC","serving-llms-vllm","vLLM: high-throughput LLM serving, OpenAI API, quantization.","https:\u002F\u002Fgithub.com\u002Fzapabob\u002FSkills\u002Fblob\u002Fmain\u002Fregistry\u002Fskills\u002Fvllm\u002Fvariants\u002Fhermes-agent\u002FSKILL.md",[218,219],{"categoryNo":84,"categoryName":85,"taxonomyType":21,"taxonomyTypeDesc":22},{"categoryNo":90,"categoryName":91,"taxonomyType":92,"taxonomyTypeDesc":93},[221,222,223,38,224,151,225,226,227,154,228,100,229,230,231,232,233,234,235,236],"llms","vLLM","serving llms vllm","research","openai api","tensor","Inference Serving","Production","llm serving","High Throughput","PagedAttention","Continuous Batching","Quantization","Tensor Parallelism","high-throughput","throughput"]