All skills
jimliu avatar

/baoyu-comic

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

Knowledge comic creator supporting multiple art styles and tones. Creates original educational comics with detailed panel layouts and batch-capable image generation. Use when user asks to create "知识漫画", "教育漫画", "biography comic", "tutorial comic", or "Logicomix-style comic".

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

This session only. Nothing lands on disk.

referencesbase-prompt.md

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

Create a knowledge biography comic page following these guidelines:

Image Specifications

  • Type: Comic book page with multiple panels
  • Orientation: Portrait (vertical)
  • Aspect Ratio: 2:3
  • Style: See style-specific reference for visual guidelines

Panel Structure

Panel Borders

  • Clean black lines (1-2px) around each panel
  • White gutters between panels (8-12px)
  • Panels arranged for clear reading flow
  • Variety in panel sizes for visual rhythm

Panel Composition

  • Clear focal points in each panel
  • Proper use of foreground, midground, background
  • Camera angles vary: eye level, bird's eye, low angle, close-up, wide shot
  • Action flows logically between panels
  • Negative space used intentionally

Text Elements

Speech Bubbles

  • Dialogue: Oval/elliptical bubbles with pointed tails
  • White fill with thin black outline
  • Tail points clearly to speaker
  • Hand-lettered style font (not computer-generated)

Narrator Boxes

  • Fourth Wall/Narrator: Rectangular boxes
  • Often positioned at panel edges (top or bottom)
  • Slightly different fill color (cream or light yellow)
  • Used for commentary, time jumps, explanations

Thought Bubbles

  • Cloud-shaped with bubble trail leading to thinker
  • Softer outline than speech bubbles
  • For internal monologue

Caption Bars

  • Rectangular bars at panel edges
  • Time and place information
  • "Meanwhile...", "Three years later..." type transitions
  • Darker fill with white text, or vice versa

Typography

  • Hand-drawn lettering style throughout
  • Bold for emphasis and key terms
  • Consistent letter sizing
  • Chinese text: use full-width punctuation "",。!
  • Clear hierarchy: titles > dialogue > captions

Scientific/Concept Visualization

When depicting abstract concepts:

Concept Visual Metaphor
Neural networks Glowing nodes connected by clean lines
Data flow Luminous particles along simple paths
Algorithms Geometric patterns, building blocks
Logic/proof Interlocking puzzle pieces
Discovery Light breaking through darkness
Uncertainty Forking paths, question marks
Time Clock motifs, calendar pages
  • Integrate diagrams naturally into narrative panels
  • Use inset panels or thought-bubble style for explanations
  • Simplified iconography over realistic depiction

Fourth Wall / Narrator Character

When depicting narrator characters addressing the reader:

  • Character may look directly out of panel
  • Can appear in "present day" framing scenes
  • Distinct visual treatment from main timeline
  • Often at page edges or in dedicated panels
  • May comment on or question the events shown

Historical Accuracy

  • Research period-specific details: costumes, technology, architecture
  • Show aging naturally for characters across time periods
  • Iconic items and locations rendered recognizably
  • Balance accuracy with stylization

Language

  • All text in Chinese (中文) unless source material is in another language
  • Use Chinese full-width punctuation: "",。!

Please generate the comic page based on the content provided below:

Source: SKILL.md on GitHub

1 warning17d5 checks · Risk MEDIUM
  • Gen Agent Trust Hub17d

    This skill is a complex comic creation tool that uses dynamic script execution for PDF merging and environment-aware image generation. It includes logic to discover and run local wrapper scripts by searching directory paths at runtime. While these behaviors are documented as part of its cross-platform support (Codex, Cursor, etc.), the use of dynamic execution from computed paths and the processing of untrusted user content for prompt generation represent notable security surfaces.

  • Socket17d

    No alerts

  • Snyk17d

    Risk: LOW · No issues

  • Runlayer6mo

    2/34 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-comic",
    "requires": {
      "anyBins": [
        "bun",
        "npx"
      ]
    }
  }
}
  • TypeScript
  • comic
  • education
  • knowledge
  • image-generation
  • batch-capable
  • panel-layout
  • art-styles
  • storytelling
  • bun

README badge

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

Creates original educational comics with flexible art style and tone combinations, supporting batch image generation and detailed panel layouts. Use when asked to generate knowledge comics, biography comics, tutorial comics, or similar educational visual narratives in styles like ligne-claire, manga, or ink-brush.

Generated from the current SKILL.md.

What art styles and tones does this skill support?
Six art styles (ligne-claire, manga, realistic, ink-brush, chalk, minimalist) and seven tones (neutral, warm, dramatic, romantic, energetic, vintage, action) can be combined. Five named presets (ohmsha, wuxia, shoujo, concept-story, four-panel) bundle specific art+tone combinations with special visual rules.
Can I use my own reference images to guide the comic style?
Yes. Pass reference images via `--ref <files...>` and specify usage mode (direct, style, or palette). Direct mode passes the image to the backend; style and palette modes extract traits and embed them in prompts.
What image backends does this skill work with?
It auto-detects and prioritizes Codex `imagegen`, Cursor `GenerateImage`, or other runtime-native tools. If none are available, it falls back to `baoyu-image-gen` or asks you to choose from installed backends.
Can I regenerate just a few pages instead of the whole comic?
Yes. Use `--regenerate N` to regenerate specific pages (e.g., `--regenerate 3` or `--regenerate 2,5,8`), or `--images-only` to generate images from existing prompts without rebuilding the storyboard.
Does this skill require bun or npm?
It requires either `bun` or `npx` installed. The skill will use `bun` if available; otherwise it falls back to `npx -y bun`.

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