baoyu-comic — community baoyu-comic, inbound-recorder-system, community, ide skills, Claude Code, Cursor, Windsurf

v1.0.0
GitHub

About this Skill

Perfect for Creative Agents needing advanced knowledge comic creation capabilities with multiple visual styles. Warehouse Inbound Recorder System with Flask, SQLite, offline support, and automated email reports

sayanget sayanget
[0]
[0]
Updated: 3/5/2026

Agent Capability Analysis

The baoyu-comic skill by sayanget is an open-source community AI agent skill for Claude Code and other IDE workflows, helping agents execute tasks with better context, repeatability, and domain-specific guidance.

Ideal Agent Persona

Perfect for Creative Agents needing advanced knowledge comic creation capabilities with multiple visual styles.

Core Value

Empowers agents to generate original knowledge comics using Markdown files, with support for various styles such as classic, dramatic, and vibrant, and layouts including standard, cinematic, and webtoon, leveraging command-line interfaces and automated email reports.

Capabilities Granted for baoyu-comic

Generating interactive knowledge comics with custom styles
Creating engaging content for educational purposes using cinematic layouts
Automating knowledge comic production with offline support and email reports

! Prerequisites & Limits

  • Requires Markdown file input
  • Limited to predefined styles and layouts
  • Command-line interface required for advanced options
Labs Demo

Browser Sandbox Environment

⚡️ Ready to unleash?

Experience this Agent in a zero-setup browser environment powered by WebContainers. No installation required.

Boot Container Sandbox

baoyu-comic

Install baoyu-comic, an AI agent skill for AI agent workflows and automation. Works with Claude Code, Cursor, and Windsurf with one-command setup.

SKILL.md
Readonly

Knowledge Comic Creator

Create original knowledge comics with multiple visual styles.

Usage

bash
1/baoyu-comic posts/turing-story/source.md 2/baoyu-comic posts/turing-story/source.md --style dramatic --layout cinematic 3/baoyu-comic # then paste content

Options

OptionValues
--styleclassic (default), dramatic, warm, tech, sepia, vibrant, ohmsha
--layoutstandard (default), cinematic, dense, splash, mixed, webtoon

Style × Layout can be freely combined.

Auto Selection

Content SignalsStyleLayout
Tutorial, how-to, beginnerohmshawebtoon
Computing, AI, programmingtechdense
Pre-1950, classical, ancientsepiacinematic
Personal story, mentorwarmstandard
Conflict, breakthroughdramaticsplash
Biography, balancedclassicmixed

File Structure

[target]/
├── outline.md
├── characters/
│   ├── characters.md    # Character definitions
│   └── characters.png   # Character reference sheet
├── prompts/
│   ├── 00-cover.md
│   └── XX-page.md
├── 00-cover.png
└── XX-page.png

Target directory:

  • With source path: [source-dir]/comic/
  • Without source: comic-outputs/YYYY-MM-DD/[topic-slug]/

Workflow

Step 1: Analyze Content

  1. Read source content
  2. Select style (from --style or auto-detect)
  3. Select layout (from --layout or auto-detect per page)
  4. Determine page count:
    • Short story: 5-8 pages
    • Medium complexity: 9-15 pages
    • Full biography: 16-25 pages

Step 2: Define Characters

Purpose: Establish visual consistency across all pages.

  1. Extract all characters from content (protagonist, supporting, antagonist, narrator)
  2. Create characters/characters.md with visual specs for each character
  3. Generate characters/characters.png (character reference sheet)

Reference: references/character-template.md for detailed format and examples.

Step 3: Generate Outline

Create outline.md with:

  • Metadata (title, style, layout, page count, character reference path)
  • Cover design
  • Each page: layout, panel breakdown, visual prompts

Reference: references/outline-template.md for detailed format.

Step 4: Generate Images

For each page (cover + pages):

  1. Save prompt to prompts/XX-page.md
  2. Call image generation skill with:
    • Base prompt: references/base-prompt.md
    • Character reference (text or image, depending on skill capability)
    • Page prompt
    • Output path

Image Generation Skill Selection:

  • Check available image generation skills in the environment
  • Adapt parameters based on skill capabilities:
    • If supports --promptfiles: pass prompt files
    • If supports reference image: pass characters/characters.png
    • If text-only: concatenate prompts into single text
  • If multiple skills available, ask user preference
  1. Report progress after each generation

Step 5: Completion Report

Comic Complete!
Title: [title] | Style: [style] | Pages: [count]
Location: [path]
✓ characters.png
✓ 00-cover.png ... XX-page.png

Style-Specific Guidelines

Ohmsha Style (--style ohmsha)

Additional requirements for educational manga:

  • Default characters: Student (大雄), Mentor (哆啦A梦), Antagonist (胖虎)
  • Custom: --characters "Student:小明,Mentor:教授"
  • Must use visual metaphors (gadgets, action scenes) - NO talking heads
  • Page titles: narrative style, not "Page X: Topic"

Reference: references/ohmsha-guide.md for detailed guidelines.

References

Detailed templates and guidelines in references/ directory:

  • character-template.md - Character definition format and examples
  • outline-template.md - Outline structure and panel breakdown
  • ohmsha-guide.md - Ohmsha manga style specifics
  • styles/ - Detailed style definitions
  • layouts/ - Detailed layout definitions

FAQ & Installation Steps

These questions and steps mirror the structured data on this page for better search understanding.

? Frequently Asked Questions

What is baoyu-comic?

Perfect for Creative Agents needing advanced knowledge comic creation capabilities with multiple visual styles. Warehouse Inbound Recorder System with Flask, SQLite, offline support, and automated email reports

How do I install baoyu-comic?

Run the command: npx killer-skills add sayanget/inbound-recorder-system/baoyu-comic. It works with Cursor, Windsurf, VS Code, Claude Code, and 19+ other IDEs.

What are the use cases for baoyu-comic?

Key use cases include: Generating interactive knowledge comics with custom styles, Creating engaging content for educational purposes using cinematic layouts, Automating knowledge comic production with offline support and email reports.

Which IDEs are compatible with baoyu-comic?

This skill is compatible with Cursor, Windsurf, VS Code, Trae, Claude Code, OpenClaw, Aider, Codex, OpenCode, Goose, Cline, Roo Code, Kiro, Augment Code, Continue, GitHub Copilot, Sourcegraph Cody, and Amazon Q Developer. Use the Killer-Skills CLI for universal one-command installation.

Are there any limitations for baoyu-comic?

Requires Markdown file input. Limited to predefined styles and layouts. Command-line interface required for advanced options.

How To Install

  1. 1. Open your terminal

    Open the terminal or command line in your project directory.

  2. 2. Run the install command

    Run: npx killer-skills add sayanget/inbound-recorder-system/baoyu-comic. The CLI will automatically detect your IDE or AI agent and configure the skill.

  3. 3. Start using the skill

    The skill is now active. Your AI agent can use baoyu-comic immediately in the current project.

Related Skills

Looking for an alternative to baoyu-comic or another community skill for your workflow? Explore these related open-source skills.

View All

widget-generator

Logo of f
f

f.k.a. Awesome ChatGPT Prompts. Share, discover, and collect prompts from the community. Free and open source — self-host for your organization with complete privacy.

149.6k
0
AI

flags

Logo of vercel
vercel

flags is a Next.js feature management skill that enables developers to efficiently add or modify framework feature flags, streamlining React application development.

138.4k
0
Browser

zustand

Logo of lobehub
lobehub

The ultimate space for work and life — to find, build, and collaborate with agent teammates that grow with you. We are taking agent harness to the next level — enabling multi-agent collaboration, effortless agent team design, and introducing agents as the unit of work interaction.

72.8k
0
AI

data-fetching

Logo of lobehub
lobehub

The ultimate space for work and life — to find, build, and collaborate with agent teammates that grow with you. We are taking agent harness to the next level — enabling multi-agent collaboration, effortless agent team design, and introducing agents as the unit of work interaction.

72.8k
0
AI