ai-storyboard-2x2

What this skill does

# AI Storyboard 2x2

> Créez des storyboards visuellement cohérents en utilisant la technique des 2x2 Grid Shots de PJ Ace, garantissant éclairage, personnages et décors uniformes entre les plans.

## When to Use This Skill

- **Après avoir finalisé un script vidéo** - Transformer le concept en visuels
- **Besoin de cohérence visuelle** - Personnages et éclairage constants entre les plans
- **Préparer des assets pour animation** - Frames prêtes pour Veo, Runway, Kling
- **Présenter un storyboard client** - Visualisation avant production
- **Planifier des transitions fluides** - Séquencer les plans wide → closeup

## Methodology Foundation

**Source**: PJ Ace - AI Video Production Workflow (2025-2026)

**Core Principle**: "En générant 4 images dans un grid 2x2, le modèle maintient automatiquement la cohérence d'éclairage, de personnage et de lieu entre les shots. Vous obtenez une séquence cinématique au lieu de 4 images disparates."

**Why This Matters**: Les modèles de génération d'images traitent chaque prompt indépendamment. En demandant un grid 2x2, vous forcez le modèle à créer une scène cohérente sous 4 angles différents, résolvant le problème majeur de l'incohérence visuelle.


## What Claude Does vs What You Decide

| Claude Does | You Decide |
|-------------|------------|
| Structures production workflow | Final creative direction |
| Suggests technical approaches | Equipment and tool choices |
| Creates templates and checklists | Quality standards |
| Identifies best practices | Brand/voice decisions |
| Generates script outlines | Final script approval |

## What This Skill Does

1. **Génère des prompts 2x2 grid** - Structure optimale pour la cohérence
2. **Organise le layout séquentiel** - Ordre des plans dans Figma
3. **Guide le cropping et upscaling** - Extraire les frames individuelles
4. **Planifie les transitions** - Wide → Closeup pour masquer les cuts
5. **Prépare le handoff animation** - Frames prêtes pour la génération vidéo

## How to Use

### Créer un storyboard depuis un script
```
J'ai ce script structuré: [coller script]. Aide-moi à créer le storyboard avec la technique 2x2 grid.
```

### Générer des prompts pour une scène spécifique
```
Je dois visualiser cette scène: [description]. Génère-moi le prompt 2x2 grid et explique comment l'utiliser.
```

### Planifier une séquence d'action
```
J'ai une séquence d'action: [description mouvement]. Crée les 4 frames du grid pour capturer le mouvement.
```

## Instructions

### Step 1: Analyser le script et identifier les scènes clés

```
## Analyse Scène par Scène

**Script source:** [Référence au script]

| Scène | Durée | Type de plan | Éléments clés | Grids nécessaires |
|-------|-------|--------------|---------------|-------------------|
| 1 | 8s | Establishing | Personnage + Décor | 1 grid (4 angles) |
| 2 | 8s | Action | Mouvement | 1-2 grids |
| 3 | 8s | Dialogue | 2 personnages | 1 grid par perso |
| 4 | 8s | Product shot | Produit + Logo | 1 grid |

**Total grids estimés:** [X]
```

**Règles d'estimation:**
- 1 grid = 4 shots d'une même scène
- Scène simple = 1 grid
- Scène avec mouvement = 2 grids (début/fin)
- Scène avec plusieurs personnages = 1 grid par personnage

---

### Step 2: Créer les prompts 2x2 Grid

Le format de prompt clé:

```
## Prompt Template 2x2 Grid

Create a 2x2 grid shot from [STYLE] film.

Top-left: [SHOT 1 - Usually establishing/wide]
Top-right: [SHOT 2 - Medium shot or different angle]
Bottom-left: [SHOT 3 - Close-up or action]
Bottom-right: [SHOT 4 - Detail or reaction]

Scene description: [CONTEXT GLOBAL]
Lighting: [ÉCLAIRAGE]
Color palette: [COULEURS]
Camera style: [STYLE CAMÉRA]
```

**Exemple concret:**

```
Create a 2x2 grid shot from a premium Nike-style commercial.

Top-left: Wide shot of a modern minimalist office, morning light through large windows, a confident woman in her 30s standing by the desk
Top-right: Medium shot of the same woman, side profile, looking at laptop screen
Bottom-left: Close-up of her hands on keyboard (avoid finger details, focus on gesture)
Bottom-right: Over-the-shoulder shot showing the screen with abstract productivity graphics

Scene: Professional woman starting her productive morning routine
Lighting: Golden hour morning light, soft shadows, rim light from windows
Color palette: Warm neutrals, touches of blue from screen
Camera style: Cinematic, shallow depth of field, 35mm lens look
```

---

### Step 3: Organiser le layout Figma

```
## Layout Storyboard

### Structure recommandée

┌─────────────────────────────────────────────────────────────┐
│ SCÈNE 1: [Nom]                                              │
├─────────────┬─────────────┬─────────────┬─────────────┬─────┤
│  Shot 1.1   │  Shot 1.2   │  Shot 1.3   │  Shot 1.4   │ VO  │
│  [Wide]     │  [Medium]   │  [Close]    │  [Detail]   │[txt]│
│  0:00-0:02  │  0:02-0:04  │  0:04-0:06  │  0:06-0:08  │     │
├─────────────┴─────────────┴─────────────┴─────────────┴─────┤
│ SCÈNE 2: [Nom]                                              │
├─────────────┬─────────────┬─────────────┬─────────────┬─────┤
│  Shot 2.1   │  Shot 2.2   │  Shot 2.3   │  Shot 2.4   │ VO  │
│  ...        │  ...        │  ...        │  ...        │[txt]│
└─────────────┴─────────────┴─────────────┴─────────────┴─────┘

### Colonnes
- Frame (image)
- Timing
- Type de plan (W/M/CU/D)
- Notes techniques
- Voiceover
```

**Tips Figma:**
- Utiliser des frames de 1920x1080 ou 1080x1920 selon format
- Nommer les layers: `S01-Shot01-Wide`
- Grouper par scène
- Ajouter des annotations pour les transitions

---

### Step 4: Extraire et upscaler les frames

```
## Workflow d'extraction

### Depuis le 2x2 grid:

1. **Cropper** chaque quadrant individuellement
   - Top-left → Shot_01.png
   - Top-right → Shot_02.png
   - Bottom-left → Shot_03.png
   - Bottom-right → Shot_04.png

2. **Upscaler** chaque frame

   Prompt d'upscale (dans ChatGPT/Ideogram):
   ```
   Upscale this image to high resolution, maintaining all details.
   Add subtle film grain for cinematic quality.
   Enhance sharpness while keeping natural look.
   Output: 1920x1080 or higher
   ```

3. **Vérifier la cohérence**
   - Éclairage identique?
   - Personnage reconnaissable?
   - Palette de couleurs consistante?
   - Si non → re-générer le grid
```

---

### Step 5: Planifier les transitions

```
## Règles de Transition

### DO: Transitions qui fonctionnent
| Transition | Exemple | Pourquoi ça marche |
|------------|---------|-------------------|
| Wide → Closeup | Establishing → Face | Cache les incohérences de mouvement |
| Closeup → Wide | Detail → Context | Révèle l'environnement |
| Same angle, action continue | Running frame 1 → 2 | Mouvement fluide si même grid |
| Cut on action | Bras levé → Bras en haut | Le mouvement masque le cut |

### DON'T: Transitions problématiques
| Transition | Problème | Solution |
|------------|----------|----------|
| Wide → Wide même scène | Jump cut visible | Insérer un closeup entre |
| 2 personnages face-à-face | Dialogue difficile | Alterner champ/contre-champ |
| Mouvement continu long | Incohérence | Couper en segments de 4-8s |

### Technique de continuité
Pour lier deux clips:
1. Prendre la **dernière frame** du clip A
2. L'utiliser comme **première frame** du clip B (image-to-video)
3. Ou l'upscaler et créer un closeup pour la transition
```

---

### Step 6: Output final - Storyboard complet

```
## Storyboard Final: [Titre]

**Projet:** [Nom]
**Durée:** [X] secondes
**Grids générés:** [Y]
**Frames totales:** [Z]

---

### Séquence Complète

| # | Frame | Timing | Type | Prompt utilisé | Transition vers |
|---|-------|--------|------|----------------|-----------------|
| 1 | [thumb] | 0:00-0:02 | Wide | Grid1-TL | Cut to #2 |
| 2 | [thumb] | 0:02-0:04 | Medium | Grid1-TR | Dissolve to #3 |
| 3 | [thumb] | 0:04-0:06 | CU | Grid1-BL | Cut on action to #4 |
| ... | ... | ... | ... | ... | ... |

---

### Assets générés

📁 Storyboard_[Projet]/
├── grids/
│   ├── grid_scene01.png
│   ├──