Communitygithub.com

101-skills/superpowers

Film- und Videostoryboarding mit Einstellungsvokabular, Kontinuitätsregeln und Panel-Layout. Deckt Einstellungsarten, Kamerawinkel, Bewegung, 180-Grad-Regel und Annotationsformat ab. Verwendung für: Videoplanung, Filmvorproduktion, Werbestoryboards, Musikvideoplanung, Animation. Auslöser: storyboard, storyboarding, shot list, film planning, video planning, pre production, shot composition, camera angles, scene planning, visual script, animatic, storyboard panels, video storyboard

Was ist superpowers?

Diese Fähigkeit ermöglicht es Entwicklern und KI-Agenten (wie Claude Code, Cursor, Codex), automatisiert visuelle Storyboards für die Film- und Videovorproduktion zu erstellen. Sie nutzt die `belt` CLI von inference.sh, um KI-generierte Bilder zu erzeugen, und bietet ein vollständiges Vokabular für Einstellungsarten (von ECU bis EWS), Kamerawinkel (Augenhöhe, Froschperspektive, Holländische Neigung etc.), Kamerabewegungen und Kontinuitätsregeln (180-Grad-Regel, Anschlusshandlung, Augenlinien-Match). Die Skill umfasst einen standardisierten Workflow: Erstellung einer Einstellungsliste, Generierung konsistenter Panels mit einem Style-Suffix und Zusammenstellung des Storyboards durch horizontale und vertikale Bildstiche. Plattformen: primär inference.sh CLI (belt), aber das Wissen und die Prompt-Strukturen sind auf andere KI-Bildgeneratoren übertragbar.

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

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Installiere den belt CLI-Skill: npx skills add belt-sh/cli

Storyboard-Erstellung

Erstelle visuelle Storyboards mit KI-Bildgenerierung über inference.sh CLI.

Schnellstart

Erfordert inference.sh CLI (belt). Installationsanleitung

belt login

# Generiere ein Storyboard-Panel
belt 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
}'

# Füge Panels zu einem Board zusammen
belt app run infsh/stitch-images --input '{
  "images": ["panel1.png", "panel2.png", "panel3.png"],
  "direction": "horizontal"
}'

Einstellungsarten

AbkürzungNameBildausschnittWann verwenden
ECUExtreme NahaufnahmeNur Augen, ein DetailIntensive Emotion, Details zeigen
CUNahaufnahmeGesicht füllt den RahmenEmotion, Reaktion, Dialog
MCUHalbnahKopf und SchulternInterviews, Gespräche
MSHalbtotaleBis zur TailleAllgemeiner Dialog, Action
MLSHalbtotale (weiter)Bis zu den KnienGehen, informelle Interaktion
LSTotaleGanzer KörperFigur in Umgebung
WSWeite EinstellungUmgebung dominantOrt etablieren, Maßstab zeigen
EWSExtreme WeiteWeite LandschaftEpischer Rahmen, Isolation, Übergänge

Generieren jeder Einstellungsart

# Nahaufnahme – Emotionsfokus
belt 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
}'

# Halbtotale – Dialogszene
belt 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
}'

# Weite Einstellung – etablierend
belt 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
}'

Kamerawinkel

WinkelWirkungWann verwenden
AugenhöheNeutral, natürlichStandard für die meisten Szenen
AufsichtMotiv wirkt klein, verletzlichSchwäche zeigen, Überblick
UntersichtMotiv wirkt mächtig, dominantAutorität, Heldentum, Bedrohung
VogelperspektiveGottgleicher ÜberblickKarten, räumliche Orientierung
FroschperspektiveExtreme Macht, EhrfurchtArchitektur, überragende Figuren
Holländische NeigungUnbehagen, OrientierungslosigkeitSpannung, Wahnsinn, Action
Über-die-Schulter (OTS)Zuschauer positioniert sich mit FigurGespräche, subjektive Ansicht

Kamerabewegung

BewegungBeschreibungEmotion
SchwenkKamera rotiert horizontal (auf Stativ)Scannen, Folgen, Enthüllen
NeigungKamera rotiert vertikal (auf Stativ)Höhe, Macht enthüllen
DollyKamera bewegt sich auf Motiv zu / davon wegIntimität (hin), Distanz (weg)
TruckKamera bewegt sich seitlichSeitliches Verfolgen, Enthüllen
Kran/JibKamera bewegt sich vertikal nach oben/untenGroße Enthüllungen, Übergänge
ZoomBrennweite ändert sich (Kamera bleibt)Fokuswechsel, dramatische Betonung
Steadicam/GimbalRuhige HandkameraEintauchen, Action verfolgen
HandkameraBewusstes WackelnDringlichkeit, Dokumentarstil, Chaos
StatischKamera bewegt sich nichtStabilität, Beobachtung, Spannung

In Storyboards Bewegung mit Pfeilen auf den Panels anzeigen.

Kontinuitätsregeln

Die 180-Grad-Regel

Stelle dir eine Linie (Achse) zwischen zwei Figuren im Gespräch vor. Die Kamera muss auf EINER Seite dieser Linie bleiben.

         Figur A        Figur B
              ●─────────────────●
             /                   \
           /     KAMERA-ZONE      \
         /     (auf dieser Seite)   \
       📷          📷          📷
     Kamera 1   Kamera 2   Kamera 3

Die Linie überschreiten verwirrt den Zuschauer über räumliche Beziehungen. Nur absichtlich überschreiten (mit einer neutralen Einstellung dazwischen oder einer sichtbaren Kamerabewegung).

Anschlusshandlung

Beim Schnitt zwischen zwei Winkeln derselben Handlung muss die Handlung nahtlos weitergehen:

Panel A: Hand greift nach Türklinke (halbtotale Einstellung)
Panel B: Hand ergreift Türklinke (Nahaufnahme)
         ↑ Handlung wird vom gleichen Punkt fortgesetzt

Augenlinien-Match

Wenn eine Figur etwas ansieht, sollte die nächste Einstellung zeigen, was sie sieht, aus ihrer ungefähren Perspektive.

Panel A: Figur blickt nach oben und rechts
Panel B: Das Objekt, das sie sieht, aufgenommen von leicht unten-links

Bildschirmrichtung

Wenn sich eine Figur in einer Einstellung von links nach rechts bewegt, sollte sie in der nächsten weiterhin von links nach rechts gehen. Richtungsumkehr impliziert, dass sie sich umgedreht hat.

Panel-Layout

Standardformate

LayoutPanelsVerwendung für
2x3 (6 Panels)6 pro SeiteDetailreiche Szenen, Dialog
3x3 (9 Panels)9 pro SeiteActionszenen, Montagen
2x2 (4 Panels)4 pro SeiteSchlüsselmomente, Präsentationen
Einzel1 pro SeiteHero-Shots, kritische Momente

Panel-Annotationsformat

Jedes Panel sollte enthalten:

┌────────────────────────────────────┐
│ SZENE 3 — EINSTELLUNG 2            │ ← Szenen- und Einstellungsnummer
│                                    │
│   [Generiertes Bild hier]          │ ← Visualisierung
│                                    │
├────────────────────────────────────┤
│ Einst.: MS, Augenhöhe              │ ← Einstellungsart und Winkel
│ Bewegung: Langsamer Dolly hinein   │ ← Kamerabewegung
│ Dauer: 4 Sek.                      │ ← Geschätzte Dauer
│ Aktion: Sarah öffnet den Brief     │ ← Was passiert
│ Dialog: „Das ändert alles“         │ ← Eventuelle gesprochene Zeilen
│ SFX: Papierrascheln, tickende Uhr  │ ← Soundeffekte
│ Musik: Spannung baut auf           │ ← Musik-Hinweis
└────────────────────────────────────┘

Storyboard-Workflow

Schritt 1: Einstellungsliste

Vor dem Generieren von Bildern eine Einstellungsliste schreiben:

SZENE 1 — BÜRO, TAG

1.1  WS  - Etablierende Aufnahme des Bürogebäudes von außen, Morgen
1.2  MS  - Sarah geht durchs Büro, trägt Kaffee
1.3  CU  - Sarahs Gesicht bemerkt etwas auf ihrem Schreibtisch
1.4  ECU - Ein Umschlag auf dem Schreibtisch, unbekannte Handschrift
1.5  MS  - Sarah nimmt den Umschlag, öffnet ihn
1.6  CU  - Sarahs Augen werden groß beim Lesen
1.7  ECU - Schlüsselphrase auf dem Brief (Text einfügen)

Schritt 2: Panels generieren

Durchgängigen Stil über alle Panels hinweg verwenden:

# Einheitliches Stil-Suffix festlegen
STYLE="cinematic film still, slightly desaturated, warm color grade, 35mm lens, shallow depth of field"

# Panel 1.1 — Weite Etablierende
belt 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 — Halbtotale
belt 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 — Nahaufnahme
belt 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

Schritt 3: Board zusammenstellen

# Panels zu Reihen zusammenfügen
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"
}'

# Dann Reihen vertikal für die ganze Seite zusammenfügen
belt app run infsh/stitch-images --input '{
  "images": ["row1.png", "row2.png"],
  "direction": "vertical"
}'

Tipps zur Stilkonsistenz

  • Verwende das gleiche Stil-Suffix für alle Panels (Objektiv, Farbabstufung, Beleuchtung)
  • Verwende FLUX LoRA, wenn du durchgängige Figuren über mehrere Panels benötigst
  • Verwende das gleiche Seitenverhältnis für alle Panels
  • Generiere mehr Panels als benötigt und wähle die besten aus
  • Wenn ein Panel nicht zum Stil passt, generiere es mit angepasstem Prompt neu

Häufige Fehler

FehlerProblemLösung
Überschreiten der 180-Grad-LinieVerwirrt räumliche BeziehungenAuf einer Seite bleiben oder neutrale Einstellung verwenden
Immer gleiche EinstellungsartVisuell langweilig, kein RhythmusZwischen CU, MS, WS abwechseln
Keine etablierende AufnahmeZuschauer weiß nicht, wo er istSzenen mit WS oder EWS beginnen
Zu viele Einstellungen pro SzeneTempo zieht5-8 Einstellungen pro Szene sind typisch
Inkonsistenter Stil zwischen PanelsSieht aus wie verschiedene ProjekteGleiches Stil-Suffix verwenden
Fehlende AnnotationenPanels sind mehrdeutigImmer Einstellungsart, Bewegung, Aktion notieren

Verwandte Skills

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

Alle Apps durchsuchen: 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.

Verwandte Skills