Skip to content
storyboard-creation logo

Storyboard Creation

storyboard-creation

Film and video storyboarding with shot vocabulary, continuity rules, and panel layout. Covers shot types, camera angles, movement, 180-degree rule, and annotation format. Use for: video planning, film pre-production, ad storyboards, music video planning, animation. Triggers: storyboard, storyboar...

SKILL.md

Full skill instructions

Storyboard Creation

Create visual storyboards with AI image generation via inference.sh CLI.

Quick Start

curl -fsSL https://cli.inference.sh | sh && infsh login

# Generate a storyboard panel
infsh app run falai/​flux-dev-lora --input '{
  "prompt": "storyboard panel, wide establishing shot of a modern city skyline at sunset, cinematic composition, slightly desaturated colors, film still style, 16:9 aspect ratio",
  "width": 1248,
  "height": 832
}'

# Stitch panels into a board
infsh app run infsh/​stitch-images --input '{
  "images": ["panel1.png", "panel2.png", "panel3.png"],
  "direction": "horizontal"
}'

Shot Types

AbbreviationNameFramingWhen to Use
ECUExtreme Close-UpEyes only, a detailIntense emotion, revealing detail
CUClose-UpFace fills frameEmotion, reaction, dialogue
MCUMedium Close-UpHead and shouldersInterviews, conversations
MSMedium ShotWaist upGeneral dialogue, action
MLSMedium Long ShotKnees upWalking, casual interaction
LSLong ShotFull bodyCharacter in environment
WSWide ShotEnvironment dominantEstablishing location, scale
EWSExtreme Wide ShotVast landscapeEpic scope, isolation, transitions

Generating Each Shot Type

# Close-Up — emotion focus
infsh app run falai/​flux-dev-lora --input '{
  "prompt": "close-up shot of a woman face showing concern, soft dramatic lighting from the left, shallow depth of field, cinematic film still, slightly desaturated",
  "width": 1248,
  "height": 832
}'

# Medium Shot — dialogue scene
infsh app run falai/​flux-dev-lora --input '{
  "prompt": "medium shot of two people talking across a table in a cafe, warm afternoon light through windows, natural composition, cinematic film still, 35mm lens look",
  "width": 1248,
  "height": 832
}'

# Wide Shot — establishing
infsh app run falai/​flux-dev-lora --input '{
  "prompt": "wide establishing shot of a futuristic laboratory interior, dramatic overhead lighting, long corridor with glass walls, sci-fi atmosphere, cinematic composition, anamorphic lens style",
  "width": 1248,
  "height": 832
}'

Camera Angles

AngleEffectWhen to Use
Eye LevelNeutral, naturalDefault for most scenes
High AngleSubject looks small, vulnerableShowing weakness, overview
Low AngleSubject looks powerful, dominantAuthority, heroism, threat
Bird's EyeGod-like overviewMaps, establishing geography
Worm's EyeExtreme power, aweArchitecture, towering figures
Dutch AngleUnease, disorientationTension, madness, action
Over-the-Shoulder (OTS)Viewer positioned with characterConversations, POV

Camera Movement

MovementDescriptionEmotion
PanCamera rotates horizontally (on tripod)Scanning, following, revealing
TiltCamera rotates vertically (on tripod)Revealing height, power
DollyCamera moves toward/​away from subjectIntimacy (in), distance (out)
TruckCamera moves laterallyFollowing alongside, revealing
Crane/​JibCamera moves up or down verticallyGrand reveals, transitions
ZoomLens focal length changes (camera stays)Focus shift, dramatic emphasis
Steadicam/​GimbalSmooth handheld trackingImmersion, following action
HandheldDeliberate camera shakeUrgency, documentary feel, chaos
StaticCamera doesn't moveStability, observation, tension

In storyboards, indicate movement with arrows drawn on panels.

Continuity Rules

The 180-Degree Rule

Imagine a line (axis) between two characters in conversation. The camera must stay on ONE side of that line.

         Character A        Character B
              ●─────────────────●
             /                   \
           /     CAMERA ZONE      \
         /     (stay on this side)  \
       📷          📷          📷
     Camera 1   Camera 2   Camera 3

Crossing the line confuses the viewer about spatial relationships. Only cross intentionally (with a neutral shot in between or a visible camera move).

Match on Action

When cutting between two angles of the same action, the action must continue seamlessly:

Panel A: Hand reaches for door handle (medium shot)
Panel B: Hand grabs door handle (close-up)
         ↑ Action continues from same point

Eyeline Match

When a character looks at something, the next shot should show what they're looking at, from their approximate point of view.

Panel A: Character looks up and to the right
Panel B: The object they see, framed from slightly below-left

Screen Direction

If a character moves left-to-right in one shot, they should continue left-to-right in the next. Reversing direction implies they turned around.

Panel Layout

Standard Formats

LayoutPanelsUse For
2x3 (6 panels)6 per pageDetailed scenes, dialogue
3x3 (9 panels)9 per pageAction sequences, montages
2x2 (4 panels)4 per pageKey moments, presentations
Single1 per pageHero shots, critical moments

Panel Annotation Format

Each panel should include:

┌────────────────────────────────────┐
│ SCENE 3 — SHOT 2                   │ ← Scene and shot number
│                                    │
│   [Generated image here]           │ ← Visual
│                                    │
├────────────────────────────────────┤
│ Shot: MS, eye level                │ ← Shot type and angle
│ Movement: Slow dolly in            │ ← Camera movement
│ Duration: 4 sec                    │ ← Estimated duration
│ Action: Sarah opens the letter     │ ← What happens
│ Dialogue: "This changes everything"│ ← Any spoken lines
│ SFX: Paper rustling, clock ticking │ ← Sound effects
│ Music: Tension builds              │ ← Music cue
└────────────────────────────────────┘

Storyboard Workflow

Step 1: Shot List

Before generating images, write a shot list:

SCENE 1 — OFFICE, DAY

1.1  WS  - Establishing shot of office building exterior, morning
1.2  MS  - Sarah walks through office, carrying coffee
1.3  CU  - Sarah's face, notices something on her desk
1.4  ECU - An envelope on the desk, unfamiliar handwriting
1.5  MS  - Sarah picks up envelope, opens it
1.6  CU  - Sarah's eyes widen as she reads
1.7  ECU - Key phrase on the letter (insert text)

Step 2: Generate Panels

Use consistent style across all panels:

# Establish a consistent style prompt suffix
STYLE="cinematic film still, slightly desaturated, warm color grade, 35mm lens, shallow depth of field"

# Panel 1.1 — Wide establishing
infsh app run falai/​flux-dev-lora --input "{
  \"prompt\": \"wide shot of a modern glass office building exterior, morning golden hour light, people entering, $STYLE\",
  \"width\": 1248, \"height\": 832
}" --no-wait

# Panel 1.2 — Medium shot
infsh app run falai/​flux-dev-lora --input "{
  \"prompt\": \"medium shot of a professional woman walking through a modern open office, carrying coffee cup, morning light through windows, $STYLE\",
  \"width\": 1248, \"height\": 832
}" --no-wait

# Panel 1.3 — Close-up
infsh app run falai/​flux-dev-lora --input "{
  \"prompt\": \"close-up of a woman face looking down at her desk with curious expression, soft office lighting, $STYLE\",
  \"width\": 1248, \"height\": 832
}" --no-wait

Step 3: Assemble Board

# Stitch panels into rows
infsh app run infsh/​stitch-images --input '{
  "images": ["panel_1_1.png", "panel_1_2.png", "panel_1_3.png"],
  "direction": "horizontal"
}'

infsh app run infsh/​stitch-images --input '{
  "images": ["panel_1_4.png", "panel_1_5.png", "panel_1_6.png"],
  "direction": "horizontal"
}'

# Then stitch rows vertically for full page
infsh app run infsh/​stitch-images --input '{
  "images": ["row1.png", "row2.png"],
  "direction": "vertical"
}'

Style Consistency Tips

  • Use the same style suffix across all panels (lens, color grade, lighting)
  • Use FLUX LoRA if you need consistent characters across panels
  • Keep the same aspect ratio for all panels
  • Generate more panels than you need and select the best
  • If a panel doesn't match the style, regenerate with adjusted prompt

Common Mistakes

MistakeProblemFix
Crossing the 180-degree lineConfuses spatial relationshipsStay on one side or use neutral shot
All same shot typeVisually boring, no rhythmVary between CU, MS, WS
No establishing shotViewer doesn't know where they areStart scenes with WS or EWS
Too many shots per scenePacing drags5-8 shots per scene is typical
Inconsistent style between panelsLooks like different projectsUse same style prompt suffix
Missing annotationsPanels are ambiguousAlways note shot type, movement, action

Related Skills

npx skills add inferencesh/​skills@ai-image-generation
npx skills add inferencesh/​skills@ai-video-generation
npx skills add inferencesh/​skills@video-prompting-guide
npx skills add inferencesh/​skills@prompt-engineering

Browse all apps: infsh app list

More Productivity & Planning skills

brainstorming logo
Productivity & Planning

brainstorming

Structured design dialogue that validates ideas before implementation begins.

295.4K 385.7K
View
ui-ux-pro-max logo
Productivity & Planning

ui-ux-pro-max

Comprehensive design intelligence for web and mobile UI/UX across 10 technology stacks.

133.1K 383.9K
View
writing-plans logo
Productivity & Planning

writing-plans

Comprehensive implementation plans for multi-step tasks, breaking down specs into bite-sized, testable steps.

295.4K 268K
View
using-superpowers logo
Productivity & Planning

using-superpowers

Introduction to the obra skills system with mandatory skill invocation rules and best practices.

295.4K 259.8K
View
executing-plans logo
Productivity & Planning

executing-plans

Execute a written implementation plan with critical review and task checkpoints.

295.4K 229.1K
View
dispatching-parallel-agents logo
Productivity & Planning

dispatching-parallel-agents

Delegate independent tasks to specialized agents working concurrently with isolated context.

295.4K 206.3K
View
using-git-worktrees logo
Productivity & Planning

using-git-worktrees

Isolated git worktrees with smart directory selection and safety verification.

295.4K 205.2K
View
webapp-testing logo
Productivity & Planning

webapp-testing

Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.

179.7K 170.6K
View
content-strategy logo
Productivity & Planning

content-strategy

Plan searchable and shareable content that drives traffic, builds authority, and generates leads.

53.3K 150.9K
View
repo-intake-and-plan logo
Productivity & Planning

repo-intake-and-plan

README-first repository scanner that extracts commands and classifies reproduction candidates without executing them.

497 139.6K
View
marketing-ideas logo
Productivity & Planning

marketing-ideas

Brainstorm and prioritize marketing strategies tailored to your SaaS stage, budget, and goals.

53.3K 137.2K
View
site-architecture logo
Productivity & Planning

site-architecture

Plan and optimize your website's page hierarchy, navigation, URL structure, and internal linking.

53.3K 112.8K
View

Productivity AI tools

Vimcal logo
Productivity

Vimcal

The world's fastest calendar for remote work

Free
View
SaveDay logo
Productivity

SaveDay

Capture, organize, and utilize your knowledge effortlessly.

Free
View
A
Productivity

Any Summary

Instant Summaries of Audio & Video Interviews with AnySummary

Freemium
View
M
Productivity

Map This

Transform PDFs into engaging mind maps.

Freemium
View
ChatPDF logo
Productivity

ChatPDF

Chat with any PDF instantly

Free
View
I
Productivity

intellisay

Create an optimal daily plan using your voice

Paid
View
A
Productivity

Aurora AI

A productivity platform to centralize organizational knowledge and workflows with contextual AI assistance.

Paid
View
AskYourPDF logo
Productivity

AskYourPDF

AskYourPDF Pricing Plans: Tailored to Your Needs

Free
View