skilld
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".

Ask your Agent

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

This session only. Nothing lands on disk.

referencesstoryboard-template.md

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

Storyboard Template

Storyboard Document Format

---
title: "[Comic Title]"
topic: "[topic description]"
time_span: "[e.g., 1912-1954]"
narrative_approach: "[chronological/thematic/character-focused]"
recommended_style: "[style name]"
recommended_layout: "[layout name or varies]"
aspect_ratio: "3:4"    # 3:4 (portrait), 4:3 (landscape), 16:9 (widescreen)
language: "[zh/en/ja/etc.]"
page_count: [N]
generated: "YYYY-MM-DD HH:mm"
---

# [Comic Title] - Knowledge Comic Storyboard

**Character Reference**: characters/characters.png

---

## Cover

**Filename**: 00-cover-[slug].png
**Core Message**: [one-liner]

**Visual Design**:
- Title typography style
- Main visual composition
- Color scheme
- Subtitle / time span notation

**Visual Prompt**:
[Detailed image generation prompt]

---

## Page 1 / N

**Filename**: 01-page-[slug].png
**Layout**: [standard/cinematic/dense/splash/mixed]
**Narrative Layer**: [Main narrative / Narrator layer / Mixed]
**Core Message**: [What this page conveys]

### Panel Layout

**Panel Count**: X
**Layout Type**: [grid/irregular/splash]

#### Panel 1 (Size: 1/3 page, Position: Top)

**Scene**: [Time, location]
**Image Description**:
- Camera angle: [bird's eye / low angle / eye level / close-up / wide shot]
- Characters: [pose, expression, action]
- Environment: [scene details, period markers]
- Lighting: [atmosphere description]
- Color tone: [palette reference]

**Text Elements**:
- Dialogue bubble (oval): "Character line"
- Narrator box (rectangular): 「Narrator commentary」
- Caption bar: [Background info text]

#### Panel 2...

**Page Hook**: [Cliffhanger or transition at page end]

**Visual Prompt**:
[Full page image generation prompt]

---

## Page 2 / N
...

Cover Design Principles

  • Academic gravitas with visual appeal
  • Title typography reflecting knowledge/science theme
  • Composition hinting at core theme (character silhouette, iconic symbol, concept diagram)
  • Subtitle or time span for epic scope

Panel Composition Guidelines

Panel Type Recommended Count Usage
Main narrative 3-5 per page Story progression
Concept diagram 1-2 per page Visualize abstractions
Narrator panel 0-1 per page Commentary, transition
Splash (full/half) Occasional Major moments

Panel Size Reference

  • Full page (Splash): Major moments, key breakthroughs
  • Half page: Important scenes, turning points
  • 1/3 page: Standard narrative panels
  • 1/4 or smaller: Quick progression, sequential action

Concept Visualization Techniques

Transform abstract concepts into concrete visuals:

Abstract Concept Visual Approach
Neural network Glowing nodes with connecting lines
Gradient descent Ball rolling down valley terrain
Data flow Luminous particles flowing through pipes
Algorithm iteration Ascending spiral staircase
Breakthrough moment Shattering barrier, piercing light
Logical proof Building blocks assembling
Uncertainty Forking paths, fog, multiple shadows

Text Element Design

Text Type Style Usage
Character dialogue Oval speech bubble Main narrative speech
Narrator commentary Rectangular box Explanation, commentary
Caption bar Edge-mounted rectangle Time, location info
Thought bubble Cloud shape Character inner monologue
Term label Bold / special color First appearance of technical terms

Prompt Structure for Consistency

Each page prompt should include character reference:

[CHARACTER REFERENCE]
(Key details from characters.md for characters in this page)

[PAGE CONTENT]
(Specific scene, panel layout, and visual elements)

[CONSISTENCY REMINDER]
Maintain exact character appearances as defined in character reference.
- [Character A]: [key identifying features]
- [Character B]: [key identifying features]

Source: SKILL.md on GitHub

Third-party checks

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

Provenance

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

Capability

version
1.117.4
Other metadata
metadata
{
  "openclaw": {
    "homepage": "https://github.com/JimLiu/baoyu-skills#baoyu-comic",
    "requires": {
      "anyBins": [
        "bun",
        "npx"
      ]
    }
  }
}

Topics

  • TypeScript
  • comic
  • education
  • knowledge
  • image-generation
  • batch-capable
  • panel-layout
  • art-styles
  • storytelling
  • bun

README badge

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

What it does

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.

Frequently asked

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.