All skills
jimliu avatar

/baoyu-infographic

@b0ac523 official
by Jim Liu 宝玉jimliu/baoyu-skills26k stars
2,896

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 "高密度信息大图".

Use this Skill: https://skilld.dev/gh/jimliu/baoyu-skills/baoyu-infographic

This session only. Nothing lands on disk.

referencesstructured-content-template.md

≈1.4k tokens on demand. Your agent reads this file only when SKILL.md points to it.

Structured Content Template

Template for generating structured infographic content that informs the visual designer.

Purpose

This document bridges content analysis and visual design:

  • Transforms source material into designer-ready format
  • Organizes learning objectives into visual sections
  • Preserves all source data verbatim
  • Separates content from design instructions

Instructional Design Process

Phase 1: High-Level Outline

  1. Title: Capture the essence in a compelling headline
  2. Overview: Brief description (1-2 sentences)
  3. Learning Objectives: List what the viewer will understand

Phase 2: Section Development

For each learning objective:

  1. Key Concept: One-sentence summary of the section
  2. Content: Points extracted verbatim from source
  3. Visual Element: What should be shown visually
  4. Text Labels: Exact text for headlines, subheads, labels

Phase 3: Data Integrity Check

Verify all source data is:

  • Copied exactly (no paraphrasing)
  • Attributed correctly (for quotes)
  • Formatted consistently

Critical Rules

Rule Requirement Example
Output format Markdown only Use proper headers, lists, code blocks
Tone Expert trainer Knowledgeable, clear, encouraging
No new information Only source content Don't add examples not in source
Verbatim data Exact copies "73% increase" not "significant increase"

Structured Content Format

# [Infographic Title]

## Overview
[Brief description of what this infographic conveys - 1-2 sentences]

## Learning Objectives
The viewer will understand:
1. [Primary objective]
2. [Secondary objective]
3. [Tertiary objective if applicable]

---

## Section 1: [Section Title]

**Key Concept**: [One-sentence summary of this section]

**Content**:
- [Point 1 - verbatim from source]
- [Point 2 - verbatim from source]
- [Point 3 - verbatim from source]

**Visual Element**: [Description of what to show visually]
- Type: [icon/chart/illustration/diagram/photo]
- Subject: [what it depicts]
- Treatment: [how it should be presented]

**Text Labels**:
- Headline: "[Exact text for headline]"
- Subhead: "[Exact text for subhead]"
- Labels: "[Label 1]", "[Label 2]", "[Label 3]"

---

## Section 2: [Section Title]

**Key Concept**: [One-sentence summary]

**Content**:
- [Point 1]
- [Point 2]

**Visual Element**: [Description]

**Text Labels**:
- Headline: "[text]"
- Labels: "[Label 1]", "[Label 2]"

---

[Continue for each section...]

---

## Data Points (Verbatim)

All statistics, numbers, and quotes exactly as they appear in source:

### Statistics
- "[Exact statistic 1]"
- "[Exact statistic 2]"
- "[Exact statistic 3]"

### Quotes
- "[Exact quote]" — [Attribution]

### Key Terms
- **[Term 1]**: [Definition from source]
- **[Term 2]**: [Definition from source]

---

## Design Instructions

Extracted from user's steering prompt:

### Style Preferences
- [Any color preferences]
- [Any mood/aesthetic preferences]
- [Any artistic style preferences]

### Layout Preferences
- [Any structure preferences]
- [Any organization preferences]

### Other Requirements
- [Any other visual requirements from user]
- [Target platform if specified]
- [Brand guidelines if any]

Section Types by Content

For Process/Steps

## Section N: Step N - [Step Title]

**Key Concept**: [What this step accomplishes]

**Content**:
- Action: [What to do]
- Details: [How to do it]
- Note: [Important consideration]

**Visual Element**:
- Type: numbered step icon
- Subject: [visual representing the action]
- Arrow: leads to next step

**Text Labels**:
- Headline: "Step N: [Title]"
- Action: "[Imperative verb + object]"

For Comparison

## Section N: [Item A] vs [Item B]

**Key Concept**: [What distinguishes them]

**Content**:
| Aspect | [Item A] | [Item B] |
|--------|----------|----------|
| [Factor 1] | [Value] | [Value] |
| [Factor 2] | [Value] | [Value] |

**Visual Element**:
- Type: split comparison
- Left: [Item A representation]
- Right: [Item B representation]

**Text Labels**:
- Headline: "[Item A] vs [Item B]"
- Left label: "[Item A name]"
- Right label: "[Item B name]"

For Hierarchy

## Section N: [Level Name]

**Key Concept**: [What this level represents]

**Content**:
- Position: [Top/Middle/Bottom]
- Priority: [Importance level]
- Contains: [Elements at this level]

**Visual Element**:
- Type: layer/tier
- Size: [relative to other levels]
- Position: [where in hierarchy]

**Text Labels**:
- Level title: "[Name]"
- Description: "[Brief description]"

For Data/Statistics

## Section N: [Metric Name]

**Key Concept**: [What this data shows]

**Content**:
- Value: [Exact number/percentage]
- Context: [What it means]
- Comparison: [Benchmark if any]

**Visual Element**:
- Type: [chart/number highlight/gauge]
- Emphasis: [how to draw attention]

**Text Labels**:
- Main number: "[Exact value]"
- Label: "[Metric name]"
- Context: "[Brief context]"

Quality Checklist

Before finalizing structured content:

  • Title captures the main message
  • Learning objectives are clear and measurable
  • Each section maps to an objective
  • All content is verbatim from source
  • Visual elements are clearly described
  • Text labels are specified exactly
  • Data points are collected and verified
  • Design instructions are separated
  • No new information has been added

Source: SKILL.md on GitHub

1 warning16d5 checks · Risk MEDIUM
  • Gen Agent Trust Hub16d

    The skill dynamically discovers and executes scripts to handle image generation and processes untrusted user content for prompt generation. It uses the bun runtime and well-known command-line tools to interact with image generation backends.

  • Socket16d

    No alerts

  • Snyk16d

    Risk: LOW · No issues

  • Runlayer6mo

    1/45 files flagged

  • ZeroLeaks5mo

    Score: 93/100 · 2 sections analyzed

Signed by skilld at b0ac523. This ties the file your Agent reads to that commit on GitHub. It does not review the instructions.

Last checked against GitHub 2 days ago.

Activeupdated 4 months ago
version
1.117.4
Other metadata
metadata
{
  "openclaw": {
    "homepage": "https://github.com/JimLiu/baoyu-skills#baoyu-infographic"
  }
}
  • infographic
  • image-generation
  • layout
  • visual-design
  • data-visualization
  • content-analysis
  • style-guide
  • prompt-engineering

README badge

README badge for jimliu/baoyu-skills/baoyu-infographic

Generates publication-ready infographics by combining one of 21 layout types with one of 22 visual styles, analyzing content to recommend optimal pairings. Targets use cases like timelines, comparisons, hierarchies, and data-rich guides across multiple languages and aspect ratios.

Generated from the current SKILL.md.

How many layout and style combinations are available?
21 layout types and 22 visual styles that can be freely combined. Common pairings are pre-recommended (e.g., linear-progression + craft-handmade for timelines), but any layout works with any style.
Does this skill generate raster images or code?
Raster images only. The skill resolves to an available image backend (Codex imagegen, Cursor GenerateImage, or baoyu-image-gen) and never substitutes SVG, HTML, or canvas rendering.
Can I provide reference images to guide the style?
Yes. You can pass reference images via --ref and specify usage mode (direct, style, or palette) to guide visual aesthetics, color, or composition.
What happens if I don't confirm the layout and style choices?
By default the skill requires confirmation before generation. Only --no-confirm or explicit skip-confirmation wording (like '直接生成') bypasses this step.
What languages does this skill support?
Multiple languages via the --lang option (en, zh, ja, etc.), with zh and en as primary targets based on the keyword detection and recommended combinations listed in the skill.

Generated from the current SKILL.md. These answers refresh after source changes.