# Narrative Structure Patterns

> Visual Storytellingof Narrative Structure Pattern Library. 3/5/hero's journey Structure, Emotion Curve Design, Scene before technique, Text-Image Balance Formula story-architect Extended Skill. 'Narrative Structure', 'Story arc', 'Emotion Curve', 'Scene before', ' Structure', 'Visual rhythm' etc. Story Design when . , Text writing Image of .

- Skill: `revfactory/narrative-structure-patterns` (Agent Skill, multi-file: 2 files)
- Install (CLI): `npx skillmds@latest add revfactory/narrative-structure-patterns`
- Raw SKILL.md: https://api.skillmd.com/api/skills/revfactory/narrative-structure-patterns/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: revfactory (https://skillmd.com/u/revfactory)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/revfactory/narrative-structure-patterns

---


# Narrative Structure Patterns — Narrative Structure Pattern Library

Narrative structures, emotion curves, and visual rhythm patterns used by the story-architect agent when designing visual stories.

## subject Agent

`story-architect` — of Structure Patternand Emotion Curve Story lean Designin apply.

## Narrative Structure Pattern

### 1. 3 Structure (Classic Three-Act)
Visual inof Structure.

| | ratio | Role | Visual in application |
|----|------|------|-----------------|
| **1: ** | 25% | , introduction | in Image + introduction Text |
| **2: development** | 50% | etc., , | Scene , vs, |
| **3: ** | 25% | , afterglow, | Image + into |

### 2. 5 Structure (before)
 before narrative + Visual .

| | Role | Image | Text |
|----|------|----------|----------|
| **** (introduction) | background, | and, | narration, |
| **** (before) | , | , | , |
| **before** (before) | before, | to, vs | Emotion, |
| **** () | of, | and | , |
| **** () | Engagement | lean Image | /secondsvs |

### 3. of (12 )
Brand Story, , narrativein .

| | name | Visual in application | Image Suggestion |
|------|------|-----------------|-----------|
| 1 | daily life | of Current | daily life |
| 2 | | of | when vs |
| 3 | | | , |
| 4 | | / | |
| 5 | | when | , , |
| 6~8 | whenand | , | Scene |
| 9 | | vs before | /composition |
| 10 | | / | , |
| 11 | | | daily life |
| 12 | daily life | when | |

### 4. Structure ()
in, when , inin .

- whenbetween **per **to composition
- : 2~4Scene, of /
- between **Visual **to ( Color, , )
- of composition lean Structure

### 5. vs Structure (Juxtaposition)
Before/After, and , of comparison.

| Pattern | composition | and |
|------|------|------|
| A-B-A-B | placement | vsof rhythm |
| A-A-A → B-B-B | before vs after | beforeof |
| A+B when | / | Integration vs |

## Emotion Curve Design

### Emotion Pattern

#### 1. (Ascending)
```
Scene1 ━━ Scene2 ━━ Scene3 ━━ Scene4 ━━ Scene5
 20% 35% 55% 80% 100%
```
, narrativein .

#### 2. (Descending)
```
Scene1 ━━ Scene2 ━━ Scene3 ━━ Scene4 ━━ Scene5
 90% 70% 50% 30% 15%
```
, , narrative.

#### 3. (Mountain)
```
 Scene3
 ╱ ╲
 Scene2 Scene4
╱ ╲
Scene1 Scene5
```
 narrative arc. duringin .

#### 4. (Wave)
```
 ╱╲ ╱╲ ╱╲
╱ ╲╱ ╲╱ ╲
```
rhythm in. and of .

#### 5. (Staircase)
```
 ━━━
 ━━━╱
 ━━━╱
 ━━━╱
━━━╱
```
 . Scene .

## Visual rhythm (Image-Text placement)

### Pattern

| Pattern | Image:Text ratio | and | |
|------|-----------------|------|------|
| **Image ** | 70:30 | Visual | , |
| **** | 50:50 | Information + | , |
| **Text ** | 30:70 | , | , Analysis |

### Scene within placement Pattern

| Pattern | composition | rhythm |
|------|------|--------|
| ** → Text** | before Image in Text | rhythm - |
| ** ** | Image + Text ( vs) | |
| **Text ** | Image in Text | Integration, when |
| **Caption ** | Image Caption | photography |
| **Quote ** | + Text | Emotion |

## Scene before technique

| technique | description | Visual application |
|------|------|-----------|
| **** | before | Scene margins None |
| **** | before | , margins |
| **** | before | Image |
| ** ** | /Color | of subject |
| **Emotion ** | Emotion | Emotion, Scene |
| **vs ** | to before | →, → |
| **within ** | Text Scene | before Text |

## Scene Guide

| Story type | | optimal | vs |
|-----------|------|------|------|
| in | 3 | 5~6 | 8 |
| in | 6 | 8~12 | 15 |
| Story | 10 | 15~20 | 25 |
| in | 8 | 12~16 | 20 |

### Scene element
- Image: 1~2 ( + )
- Text: 50~150
- Caption/: 10~30