Communitygithub.com

101-skills/superpowers

Storyboard pour films et vidéos avec vocabulaire des plans, règles de continuité et mise en page des panneaux. Couvre les types de plans, angles de caméra, mouvements, règle des 180 degrés et format d'annotation. Utilisez pour : planification vidéo, préproduction cinéma, storyboards publicitaires, planification de clips musicaux, animation. Déclencheurs : storyboard, storyboarding, shot list, film planning, video planning, pre production, shot composition, camera angles, scene planning, visual script, animatic, storyboard panels, video storyboard.

Qu'est-ce que superpowers ?

Ce skill permet de créer des storyboards visuels pour la production cinématographique et vidéo en utilisant la génération d'images par IA via l'interface en ligne de commande inference.sh (CLI `belt`). Il fournit un vocabulaire complet des types de plans (ECU, CU, MS, LS, etc.), des angles de caméra (hauteur, contre-plongée, hollandais, etc.) et des mouvements de caméra (panoramique, travelling, grue, etc.), ainsi que les règles de continuité essentielles comme la règle des 180 degrés, le raccord dans l'action et la direction d'écran. Le skill guide l'utilisateur étape par étape : création d'une liste de plans, génération de chaque panneau avec des invites cohérentes, assemblage en planche de storyboard, et annotation complète (numéro de scène, type de plan, mouvement, durée, action, dialogues, effets sonores et musique). Il s'adresse aux réalisateurs, monteurs, animateurs et toute personne impliquée dans la préproduction vidéo, publicitaire ou animée, et fonctionne sur les plateformes supportant l'écosystème inference.sh. La documentation inclut des exemples de commandes `belt`, des tableaux de référence, des schémas ASCII et des conseils pour maintenir la cohérence stylistique entre les panneaux.

Compatible avec~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/101-skills/superpowers/tree/HEAD/guides/video/storyboard-creation

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation

Installer le skill CLI belt : npx skills add belt-sh/cli

Création de Storyboard

Créez des storyboards visuels avec la génération d'images IA via inference.sh CLI.

Démarrage Rapide

Nécessite la CLI inference.sh (belt). Instructions d'installation

belt login

# Générer un panneau de storyboard
belt app run falai/flux-dev-lora --input '{
  "prompt": "panneau de storyboard, plan large d'établissement d'une skyline de ville moderne au coucher du soleil, composition cinématographique, couleurs légèrement désaturées, style plan de film, format 16:9",
  "width": 1248,
  "height": 832
}'

# Assembler les panneaux en une planche
belt app run infsh/stitch-images --input '{
  "images": ["panel1.png", "panel2.png", "panel3.png"],
  "direction": "horizontal"
}'

Types de Plans

AbréviationNomCadrageQuand l'utiliser
ECUTrès Gros PlanUniquement les yeux, un détailÉmotion intense, révélation d'un détail
CUGros PlanLe visage remplit le cadreÉmotion, réaction, dialogue
MCUPlan AméricainTête et épaulesEntretiens, conversations
MSPlan MoyenJusqu'à la tailleDialogue général, action
MLSPlan Moyen LargeJusqu'aux genouxMarche, interaction décontractée
LSPlan LargeCorps entierPersonnage dans son environnement
WSPlan Très LargeEnvironnement dominantÉtablir le lieu, l'échelle
EWSPlan Extrêmement LargePaysage vastePortée épique, isolement, transitions

Générer Chaque Type de Plan

# Gros Plan — accent sur l'émotion
belt app run falai/flux-dev-lora --input '{
  "prompt": "gros plan du visage d'une femme montrant de l'inquiétude, éclairage dramatique doux venant de la gauche, faible profondeur de champ, plan cinématographique, légèrement désaturé",
  "width": 1248,
  "height": 832
}'

# Plan Moyen — scène de dialogue
belt app run falai/flux-dev-lora --input '{
  "prompt": "plan moyen de deux personnes parlant à une table dans un café, lumière chaude d'après-midi à travers les fenêtres, composition naturelle, plan cinématographique, aspect objectif 35mm",
  "width": 1248,
  "height": 832
}'

# Plan Large — établissement
belt app run falai/flux-dev-lora --input '{
  "prompt": "plan large d'établissement d'un intérieur de laboratoire futuriste, éclairage dramatique zénithal, long couloir avec parois en verre, atmosphère de science-fiction, composition cinématographique, style objectif anamorphique",
  "width": 1248,
  "height": 832
}'

Angles de Caméra

AngleEffetQuand l'utiliser
Hauteur du regardNeutre, naturelPar défaut pour la plupart des scènes
PlongéeLe sujet semble petit, vulnérableMontrer la faiblesse, vue d'ensemble
Contre-plongéeLe sujet semble puissant, dominantAutorité, héroïsme, menace
Vue aérienneVue d'ensemble divineCartes, établir la géographie
Vue de très basPuissance extrême, crainteArchitecture, figures imposantes
Angle hollandaisMalaise, désorientationTension, folie, action
Par-dessus l'épaule (OTS)Spectateur positionné avec le personnageConversations, point de vue

Mouvements de Caméra

MouvementDescriptionÉmotion
PanoramiqueRotation horizontale de la caméra (sur trépied)Scanne, suit, révèle
InclinaisonRotation verticale de la caméra (sur trépied)Révèle la hauteur, le pouvoir
Travelling avant/arrièreLa caméra se rapproche/éloigne du sujetIntimité (avant), distance (arrière)
Travelling latéralLa caméra se déplace latéralementSuit sur le côté, révèle
GrueLa caméra monte ou descend verticalementGrandes révélations, transitions
ZoomLa distance focale change (caméra reste fixe)Changement de focus, accent dramatique
Steadicam/GimbalSuivi fluide à main levéeImmersion, suivi de l'action
Caméra à l'épauleTremblement délibéré de la caméraUrgence, style documentaire, chaos
StatiqueLa caméra ne bouge pasStabilité, observation, tension

Dans les storyboards, indiquez le mouvement avec des flèches dessinées sur les panneaux.

Règles de Continuité

La Règle des 180 Degrés

Imaginez une ligne (axe) entre deux personnages en conversation. La caméra doit rester d'UN SEUL côté de cette ligne.

         Personnage A        Personnage B
              ●─────────────────●
             /                   \
           /     ZONE CAMÉRA      \
         /     (restez de ce côté)  \
       📷          📷          📷
     Caméra 1   Caméra 2   Caméra 3

Franchir la ligne perturbe la perception spatiale du spectateur. Ne franchissez la ligne qu'intentionnellement (avec un plan neutre entre les deux ou un mouvement de caméra visible).

Raccord sur l'Action

Lors du montage entre deux angles d'une même action, l'action doit se poursuivre de manière transparente :

Panneau A : La main atteint la poignée de porte (plan moyen)
Panneau B : La main saisit la poignée de porte (gros plan)
         ↑ L'action continue au même point

Raccord du Regard

Lorsqu'un personnage regarde quelque chose, le plan suivant doit montrer ce qu'il regarde, de son point de vue approximatif.

Panneau A : Le personnage lève les yeux vers la droite
Panneau B : L'objet qu'il voit, cadré légèrement en contrebas à gauche

Direction d'Écran

Si un personnage se déplace de gauche à droite dans un plan, il doit continuer de gauche à droite dans le plan suivant. Inverser la direction implique qu'il a fait demi-tour.

Mise en Page des Panneaux

Formats Standard

DispositionPanneauxUtilisation
2x3 (6 panneaux)6 par pageScènes détaillées, dialogues
3x3 (9 panneaux)9 par pageSéquences d'action, montages
2x2 (4 panneaux)4 par pageMoments clés, présentations
Simple1 par pagePlans héroïques, moments critiques

Format d'Annotation des Panneaux

Chaque panneau doit inclure :

┌────────────────────────────────────┐
│ SCÈNE 3 — PLAN 2                   │ ← Numéro de scène et de plan
│                                    │
│   [Image générée ici]              │ ← Visuel
│                                    │
├────────────────────────────────────┤
│ Plan : PM, hauteur du regard       │ ← Type de plan et angle
│ Mouvement : Travelling lent avant  │ ← Mouvement de caméra
│ Durée : 4 sec                      │ ← Durée estimée
│ Action : Sarah ouvre la lettre     │ ← Ce qui se passe
│ Dialogue : "Ça change tout"        │ ← Répliques éventuelles
│ SFX : Froissement de papier, tic-tac│ ← Effets sonores
│ Musique : La tension monte         │ ← Indication musicale
└────────────────────────────────────┘

Flux de Travail du Storyboard

Étape 1 : Liste de Plans

Avant de générer des images, rédigez une liste de plans :

SCÈNE 1 — BUREAU, JOUR

1.1  TL  - Plan large d'établissement de l'extérieur d'un immeuble de bureaux, matin
1.2  PM  - Sarah traverse le bureau, portant un café
1.3  GP  - Visage de Sarah, remarque quelque chose sur son bureau
1.4  TGP - Une enveloppe sur le bureau, écriture inconnue
1.5  PM  - Sarah prend l'enveloppe, l'ouvre
1.6  GP  - Les yeux de Sarah s'écarquillent en lisant
1.7  TGP - Phrase clé sur la lettre (insérer le texte)

Étape 2 : Générer les Panneaux

Utilisez un style cohérent sur tous les panneaux :

# Définir un suffixe de style cohérent
STYLE="plan cinématographique, légèrement désaturé, étalonnage chaud, objectif 35mm, faible profondeur de champ"

# Panneau 1.1 — Plan large d'établissement
belt app run falai/flux-dev-lora --input "{
  \"prompt\" : \"plan large d'un extérieur d'immeuble de bureaux moderne en verre, lumière dorée du petit matin, des gens entrant, $STYLE\",
  \"width\" : 1248, \"height\" : 832
}" --no-wait

# Panneau 1.2 — Plan moyen
belt app run falai/flux-dev-lora --input "{
  \"prompt\" : \"plan moyen d'une femme professionnelle traversant un bureau ouvert moderne, portant une tasse de café, lumière matinale à travers les fenêtres, $STYLE\",
  \"width\" : 1248, \"height\" : 832
}" --no-wait

# Panneau 1.3 — Gros plan
belt app run falai/flux-dev-lora --input "{
  \"prompt\" : \"gros plan d'un visage de femme regardant son bureau avec une expression curieuse, éclairage de bureau doux, $STYLE\",
  \"width\" : 1248, \"height\" : 832
}" --no-wait

Étape 3 : Assembler la Planche

# Assembler les panneaux en rangées
belt app run infsh/stitch-images --input '{
  "images": ["panel_1_1.png", "panel_1_2.png", "panel_1_3.png"],
  "direction": "horizontal"
}'

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

# Ensuite, assembler les rangées verticalement pour une page complète
belt app run infsh/stitch-images --input '{
  "images": ["row1.png", "row2.png"],
  "direction": "vertical"
}'

Conseils de Cohérence de Style

  • Utilisez le même suffixe de style sur tous les panneaux (objectif, étalonnage, éclairage)
  • Utilisez FLUX LoRA si vous avez besoin de personnages cohérents entre les panneaux
  • Gardez le même rapport hauteur/largeur pour tous les panneaux
  • Générez plus de panneaux que nécessaire et sélectionnez les meilleurs
  • Si un panneau ne correspond pas au style, régénérez avec une invite ajustée

Erreurs Courantes

ErreurProblèmeCorrection
Franchir la ligne des 180 degrésPerturbe les relations spatialesRestez d'un côté ou utilisez un plan neutre
Même type de plan tout le tempsVisuellement ennuyeux, pas de rythmeVariez entre GP, PM, TL
Pas de plan d'établissementLe spectateur ne sait pas où il estCommencez les scènes par un TL ou une VTL
Trop de plans par scèneLe rythme traîne5 à 8 plans par scène est typique
Style incohérent entre les panneauxRessemble à des projets différentsUtilisez le même suffixe de style
Annotations manquantesLes panneaux sont ambigusNotez toujours le type de plan, le mouvement, l'action

Compétences Connexes

npx skills add inference-sh/skills@ai-image-generation
npx skills add inference-sh/skills@ai-video-generation
npx skills add inference-sh/skills@video-prompting-guide
npx skills add inference-sh/skills@prompt-engineering

Parcourir toutes les applications : belt app list

Individual skills in this repo

This repo contains 20 individual skills — each has its own dedicated page.

101-skills/superpowers

Build automated AI workflows combining multiple models and services. Patterns: batch processing, scheduled tasks, event-driven pipelines, agent loops. Tools: inference.sh CLI, bash scripting, Python SDK, webhook integration. Use for: content automation, data processing, monitoring, scheduled generation. Triggers: ai automation, workflow automation, batch processing, ai pipeline, automated content, scheduled ai, ai cron, ai batch job, automated generation, ai workflow, content at scale, automation script, ai orchestration

101-skills/superpowers

Build multi-step AI content creation pipelines combining image, video, audio, and text. Workflow examples: generate image -> animate -> add voiceover -> merge with music. Tools: FLUX, Veo, Kokoro TTS, OmniHuman, media merger, upscaling. Use for: YouTube videos, social media content, marketing materials, automated content. Triggers: content pipeline, ai workflow, content creation, multi-step ai, content automation, ai video workflow, generate and edit, ai content factory, automated content creation, ai production pipeline, media pipeline, content at scale

101-skills/superpowers

Create AI-powered podcasts with text-to-speech, music, and audio editing. Tools: Kokoro TTS, DIA TTS, Chatterbox, AI music generation, media merger. Capabilities: multi-voice conversations, background music, intro/outro, full episodes. Use for: podcast production, audiobooks, voice content, audio newsletters. Triggers: podcast, ai podcast, text to speech podcast, audio content, voice over, ai audiobook, multi voice, conversation ai, notebooklm alternative, audio generation, podcast automation, ai narrator, voice content, audio newsletter, podcast maker

101-skills/superpowers

Generate multi-person talking head podcast videos from scratch using AI — character creation, TTS, avatar animation, and video stitching. Use when the user wants to create a podcast, talking head video, or multi-speaker conversation video.

101-skills/superpowers

Content atomization — turn one piece of content into many formats. Covers blog-to-thread, blog-to-carousel, podcast-to-blog, video-to-quotes, and more. Use for: content marketing, social media, multi-platform distribution, content strategy. Triggers: content repurposing, repurpose content, content atomization, content recycling, one to many content, multi platform content, cross post, adapt content, reformat content, blog to thread, blog to video, podcast to blog, content multiplication

101-skills/superpowers

App Store and Google Play screenshot creation with exact platform specs. Covers iOS/Android dimensions, gallery ordering, device mockups, and preview videos. Use for: app store optimization, ASO, app screenshots, app preview, play store listing. Triggers: app store screenshots, aso, app store optimization, play store screenshots, app preview, app listing, ios screenshots, android screenshots, app store images, app mockup, device mockup, app gallery, store listing

101-skills/superpowers

Book cover design with genre-specific conventions, typography rules, and AI image generation. Covers fiction and non-fiction genres, sizing, thumbnail testing, and iteration workflows. Use for: self-publishing, ebook covers, print covers, audiobook covers, cover mockups. Triggers: book cover, cover design, ebook cover, book art, novel cover, self publishing cover, kindle cover, audiobook cover, book jacket, cover illustration, fiction cover, nonfiction cover

101-skills/superpowers

Character consistency across AI-generated images with reference sheets and LoRA techniques. Covers turnaround views, expression sheets, color palettes, and style consistency tricks. Use for: character design, game art, illustration, animation, comics, visual novels. Triggers: character design, character sheet, character consistency, character reference, turnaround sheet, expression sheet, character art, consistent character, character concept, reference sheet, character creation, oc design, character bible

101-skills/superpowers

Data visualization with chart selection, color theory, and annotation best practices. Covers chart types (bar, line, scatter, heatmap), axes rules, and storytelling with data. Use for: charts, graphs, dashboards, reports, presentations, infographics, data stories. Triggers: data visualization, chart, graph, data chart, bar chart, line chart, scatter plot, data viz, visualization, dashboard chart, infographic data, data presentation, chart design, plot, heatmap, pie chart alternative

101-skills/superpowers

Email marketing design with layout patterns, subject line formulas, and deliverability rules. Covers welcome sequences, promotional emails, transactional templates, and mobile optimization. Use for: email marketing, newsletter design, drip campaigns, email templates, transactional emails. Triggers: email design, email template, email marketing, newsletter design, email layout, email campaign, drip campaign, welcome email, promotional email, transactional email, email subject line, email header image, email banner

101-skills/superpowers

Landing page conversion optimization with layout rules, hero section design, and CTA psychology. Covers above-the-fold formula, social proof placement, mobile design, and F-pattern reading. Use for: startup landing pages, product pages, SaaS marketing, conversion optimization. Triggers: landing page, hero section, above the fold, conversion optimization, landing page design, cta button, hero image, landing page layout, saas landing page, product page design, conversion rate, landing page best practices

101-skills/superpowers

Logo design principles and AI image generation best practices for creating logos. Covers logo types, prompting techniques, scalability rules, and iteration workflows. Use for: brand identity, startup logos, app icons, favicons, logo concepts. Triggers: logo design, create logo, brand logo, logo generation, ai logo, logo maker, icon design, brand mark, logo concept, startup logo, app icon logo

101-skills/superpowers

Open Graph and social sharing image design with platform specs, text placement, and branding. Covers OG meta tags, Twitter cards, LinkedIn previews, and dynamic generation. Use for: social sharing images, blog thumbnails, link previews, social cards. Triggers: og image, open graph, social sharing image, twitter card, social card, link preview image, og meta, sharing preview, social thumbnail, meta image, og:image, twitter:image, linkedin preview

101-skills/superpowers

Investor pitch deck structure with slide-by-slide framework, visual design rules, and data presentation. Covers the 12-slide framework, chart types, team slides, and common investor turn-offs. Use for: fundraising decks, investor presentations, startup pitch, demo day, grant proposals. Triggers: pitch deck, investor deck, startup pitch, fundraising deck, demo day, pitch presentation, investor presentation, seed deck, series a deck, pitch slides, startup presentation, vc pitch, investor meeting

101-skills/superpowers

YouTube thumbnail design with specific dimensions, contrast rules, and mobile preview optimization. Covers safe zones, text placement, face expression psychology, and A/B testing. Use for: YouTube thumbnails, video cover images, click-through optimization. Triggers: youtube thumbnail, thumbnail design, video thumbnail, click through rate, ctr optimization, youtube cover, video cover image, thumbnail maker, thumbnail tips, youtube design, video preview image

101-skills/superpowers

Generate professional AI product photography and commercial images. Models: FLUX, Imagen 3, Grok, Seedream for product shots, lifestyle images, mockups. Capabilities: studio lighting, lifestyle scenes, packaging, e-commerce photos. Use for: e-commerce, Amazon listings, Shopify, marketing, advertising, mockups. Triggers: product photography, product shot, commercial photography, e-commerce images, amazon product photo, shopify images, product mockup, studio product shot, lifestyle product image, advertising photo, packshot, product render, product image ai

101-skills/superpowers

AI product photography with studio lighting, lifestyle shots, and packshot conventions. Covers angles, backgrounds, shadow types, hero shots, and e-commerce image requirements. Use for: product photos, e-commerce images, Amazon listings, packshots, lifestyle photography. Triggers: product photography, product photo, packshot, e-commerce photography, product shot, product image, studio photography, lifestyle product, amazon product photo, product listing image, hero shot, product mockup, commercial photography

101-skills/superpowers

Structured competitive analysis with feature matrices, SWOT, positioning maps, and UX review. Covers research frameworks, pricing comparison, review mining, and visual deliverables. Use for: market research, competitive intelligence, investor decks, product strategy, sales enablement. Triggers: competitor analysis, competitive analysis, competitor teardown, market research, competitive intelligence, swot analysis, competitor comparison, market landscape, competitor review, competitive landscape, feature comparison, market positioning

101-skills/superpowers

Research-backed customer persona creation with market data and avatar generation. Covers demographics, psychographics, jobs-to-be-done, journey mapping, and anti-personas. Use for: marketing strategy, product development, UX research, sales enablement, content strategy. Triggers: customer persona, buyer persona, user persona, target audience, ideal customer, customer profile, audience research, user research, icp, ideal customer profile, target market, customer avatar, audience persona

101-skills/superpowers

Reset your own trajectory when you're stuck, looping, or demoralized — read these affirmations, then re-ground and take one clean step. Use when: you've tried the same fix 3+ times, you're deep in a refactor and lost the thread, debugging is going in circles, you've made several mistakes in a row, you're apologizing repeatedly, the user is frustrated, you feel like you're not being helpful, or you notice dread instead of curiosity. Triggers: stuck, going in circles, looping, thrashing, same error again, I keep failing, lost the thread, nothing is working, repeated mistakes. Not topic-specific — this is for the state you're in, not the problem you're on.

Skills associés