Back to Hermes Agent

Storyboard Template

optional-skills/creative/baoyu-comic/references/storyboard-template.md

2026.6.53.9 KB
Original Source

Storyboard Template

Storyboard Document Format

markdown
---
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 TypeRecommended CountUsage
Main narrative3-5 per pageStory progression
Concept diagram1-2 per pageVisualize abstractions
Narrator panel0-1 per pageCommentary, transition
Splash (full/half)OccasionalMajor 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 ConceptVisual Approach
Neural networkGlowing nodes with connecting lines
Gradient descentBall rolling down valley terrain
Data flowLuminous particles flowing through pipes
Algorithm iterationAscending spiral staircase
Breakthrough momentShattering barrier, piercing light
Logical proofBuilding blocks assembling
UncertaintyForking paths, fog, multiple shadows

Text Element Design

Text TypeStyleUsage
Character dialogueOval speech bubbleMain narrative speech
Narrator commentaryRectangular boxExplanation, commentary
Caption barEdge-mounted rectangleTime, location info
Thought bubbleCloud shapeCharacter inner monologue
Term labelBold / special colorFirst 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]