🎁 Get the FREE AI Skills Starter Guide — Subscribe →
BytesAgainBytesAgain
BytesAgain › Skills › Baoyu Infographic
🦀 ClawHub

Baoyu Infographic

by @jimliu

Generate professional infographics with 21 layout types and 22 visual styles. Analyzes content, recommends layout×style combinations, and generates publicati...

Versionv1.117.3
Downloads4,361
Installs59
Stars⭐ 3
#crypto#clawhub
TERMINAL
clawhub install baoyu-infographic

📖 About This Skill

name: baoyu-infographic description: 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 "高密度信息大图". version: 1.58.0 metadata: openclaw: homepage: https://github.com/JimLiu/baoyu-skills#baoyu-infographic

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-select (when the preference is auto, unset, or the pinned backend isn't available): - If the current runtime exposes a native image tool (e.g., Codex imagegen, Hermes image_generate), use it. Runtime-native tools are preferred by default — agents that know their own tool inventory should surface the native one here. - Otherwise, if exactly one non-native backend is installed (e.g., baoyu-imagine), use it. - Otherwise (multiple non-native backends with no runtime-native tool), ask the user once — batch with any other initial questions. 4. If none are available, tell the user and ask how to proceed.

Setting preferred_image_backend: ask forces the step-3 prompt every run regardless of available backends. Users change the pinned backend via the ## Changing Preferences section below.

Prompt file requirement (hard): write each image's full, final prompt to a standalone file under prompts/ (naming: NN-{type}-[slug].md) BEFORE invoking any backend. The backend receives the prompt file (or its content); the file is the reproducibility record and lets you switch backends without regenerating prompts.

Concrete tool names (imagegen, image_generate, baoyu-imagine) above are examples — substitute the local equivalents under the same rule.

Reference Images

Users may supply reference images to guide style, palette, composition, or subject.

Intake: Accept via --ref or when the user provides file paths / pastes images in conversation.

  • File path(s) → copy to refs/NN-ref-{slug}.{ext} alongside the output
  • Pasted image with no path → ask the user for the path (per the User Input Tools rule above), or extract style traits verbally as a text fallback
  • No reference → skip this section

    • Usage modes (per reference):

    | Usage | Effect | |-------|--------| | direct | Pass the file to the backend as a reference image | | style | Extract style traits (line treatment, texture, mood) and append to the prompt body | | palette | Extract hex colors from the image and append to the prompt body |

    Record in prompts/infographic.md frontmatter when refs exist:

    references:
  - ref_id: 01
    filename: 01-ref-brand.png
    usage: direct

    At generation time:

  • Verify each referenced file exists on disk
  • If usage: direct AND the chosen backend accepts reference images (e.g., baoyu-imagine via --ref) → pass the file via the backend's ref parameter
  • Otherwise → embed extracted style/palette traits in the prompt text

    • Confirmation Policy

    Default behavior: confirm before generation.

  • Treat explicit skill invocation, a file path, a matched keyword shortcut, EXTEND.md defaults, and the documented default combination as recommendation inputs only. None of them authorizes skipping confirmation.
  • Do not start Step 5 or Step 6 until the user confirms the combination/aspect/language/backend choices.
  • Skip confirmation only when the current request explicitly says to do so, for example: --no-confirm, "直接生成", "不用确认", "跳过确认", "按默认出图", or equivalent wording.
  • If confirmation is skipped explicitly, state the assumed combination/aspect/language/backend in the next user-facing update before generating.

    • Options

    | Option | Values | |--------|--------| | --layout | 21 options (see Layout Gallery), default: bento-grid | | --style | 22 options (see Style Gallery), default: craft-handmade | | --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) | | --lang | en, zh, ja, etc. | | --no-confirm | Skip Step 4 only when the user explicitly requests direct generation without confirmation | | --ref | Reference images (file paths) for style / palette / composition / subject guidance |

    Layout Gallery (21)

    | 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 | | dense-modules | High-density modules, data-rich guides |

    Full definitions live at references/layouts/.md.

    Style Gallery (22)

    | 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 | | pop-laboratory | Blueprint grid, coordinate markers, lab precision | | morandi-journal | Hand-drawn doodle, warm Morandi tones | | retro-pop-grid | 1970s retro pop art, Swiss grid, thick outlines | | hand-drawn-edu | Macaron pastels, hand-drawn wobble, stick figures | | retro-popup-pop | Retro popup collage, vintage UI, thick outlines, flat pop colors |

    Full definitions live at references/styles/