Communitygithub.com

101-skills/superpowers (Storyboard de Filmes e Vídeos)

Criação de storyboards com vocabulário de planos, regras de continuidade e layout de painéis. Ideal para planejamento de vídeos, pré-produção de filmes, storyboards publicitários, videoclipes e animação.

O que é superpowers (Storyboard de Filmes e Vídeos)?

Este skill capacita agentes de IA a criarem storyboards visuais completos para produção audiovisual, integrando-se com o CLI `belt` e modelos de geração de imagens via inference.sh. Ele abrange um vocabulário rico de tipos de plano (ECU, CU, MS, LS, etc.), ângulos de câmera (alto, baixo, holandês, etc.) e movimentos (pan, tilt, dolly, etc.), além de regras fundamentais de continuidade como a regra dos 180 graus, match on action e eyeline match. O skill também fornece formatos padronizados de layout de painéis (2x3, 3x3, 2x2) e um formato de anotação detalhado para cada painel, incluindo número de cena/plano, tipo de plano, movimento, duração, ação, diálogo e efeitos sonoros. Ao seguir o fluxo de trabalho passo a passo — lista de planos, geração de painéis com prompts consistentes e montagem final — o agente pode produzir storyboards coerentes e de qualidade profissional. Suporta as plataformas que utilizam o ecossistema `belt` (como Claude Code ou Codex) e é acionado por palavras-chave como 'storyboard', 'storyboarding', 'shot list', 'film planning', 'video planning', 'pre production', 'shot composition', 'camera angles', 'scene planning', 'visual script', 'animatic' e 'storyboard panels'.

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

Perguntar na sua IA favorita

Abre um novo chat com esta habilidade de agente já pré-carregada.

Documentação

Instale o skill belt CLI: npx skills add belt-sh/cli

Criação de Storyboard

Crie storyboards visuais com geração de imagens por IA via inference.sh CLI.

Início Rápido

Requer o CLI inference.sh (belt). Instruções de instalação

belt login

# Gere um painel de storyboard
belt app run falai/flux-dev-lora --input '{
  "prompt": "painel de storyboard, plano geral de estabelecimento de um horizonte de cidade moderna ao pôr do sol, composição cinematográfica, cores ligeiramente dessaturadas, estilo de still de filme, proporção 16:9",
  "width": 1248,
  "height": 832
}'

# Costure painéis em uma prancha
belt app run infsh/stitch-images --input '{
  "images": ["painel1.png", "painel2.png", "painel3.png"],
  "direction": "horizontal"
}'

Tipos de Plano

AbreviaturaNomeEnquadramentoQuando Usar
ECUClose-Up ExtremoApenas olhos, um detalheEmoção intensa, revelar detalhes
CUClose-UpRosto preenche o quadroEmoção, reação, diálogo
MCUClose-Up MédioCabeça e ombrosEntrevistas, conversas
MSPlano MédioDa cintura para cimaDiálogo geral, ação
MLSPlano Médio LongoDos joelhos para cimaCaminhada, interação casual
LSPlano GeralCorpo inteiroPersonagem no ambiente
WSPlano AbertoAmbiente dominanteEstabelecer localização, escala
EWSPlano Geral ExtremoPaisagem vastaEscopo épico, isolamento, transições

Gerando Cada Tipo de Plano

# Close-Up — foco na emoção
belt app run falai/flux-dev-lora --input '{
  "prompt": "close-up de rosto de mulher demonstrando preocupação, iluminação dramática suave vindo da esquerda, profundidade de campo rasa, still cinematográfico, ligeiramente dessaturado",
  "width": 1248,
  "height": 832
}'

# Plano Médio — cena de diálogo
belt app run falai/flux-dev-lora --input '{
  "prompt": "plano médio de duas pessoas conversando em uma mesa de café, luz quente da tarde entrando pelas janelas, composição natural, still cinematográfico, aparência de lente 35mm",
  "width": 1248,
  "height": 832
}'

# Plano Aberto — estabelecimento
belt app run falai/flux-dev-lora --input '{
  "prompt": "plano aberto de estabelecimento de um laboratório futurista, iluminação dramática suspensa, corredor longo com paredes de vidro, atmosfera sci-fi, composição cinematográfica, estilo de lente anamórfica",
  "width": 1248,
  "height": 832
}'

Ângulos de Câmera

ÂnguloEfeitoQuando Usar
Nível dos OlhosNeutro, naturalPadrão para a maioria das cenas
Ângulo AltoSujeito parece pequeno, vulnerávelMostrar fraqueza, visão geral
Ângulo BaixoSujeito parece poderoso, dominanteAutoridade, heroísmo, ameaça
Visão de CimaVisão geral divinaMapas, estabelecer geografia
Visão de BaixoPoder extremo, admiraçãoArquitetura, figuras imponentes
Ângulo HolandêsDesconforto, desorientaçãoTensão, loucura, ação
Sobre o Ombro (OTS)Espectador posicionado com o personagemConversas, ponto de vista

Movimento de Câmera

MovimentoDescriçãoEmoção
PanCâmera gira horizontalmente (no tripé)Escaneando, seguindo, revelando
TiltCâmera gira verticalmente (no tripé)Revelando altura, poder
DollyCâmera se move em direção/para longe do sujeitoIntimidade (para perto), distanciamento (para longe)
TruckCâmera se move lateralmenteAcompanhando ao lado, revelando
Grua/JibCâmera sobe ou desce verticalmenteGrandes revelações, transições
ZoomDistância focal da lente muda (câmera parada)Mudança de foco, ênfase dramática
Steadicam/GimbalMovimento suave de câmera na mãoImersão, seguir ação
Câmera na MãoTremulação deliberada da câmeraUrgência, sensação documental, caos
EstáticaCâmera não se moveEstabilidade, observação, tensão

Em storyboards, indique movimento com setas desenhadas nos painéis.

Regras de Continuidade

A Regra dos 180 Graus

Imagine uma linha (eixo) entre dois personagens em conversa. A câmera deve permanecer em UM lado dessa linha.

         Personagem A        Personagem B
              ●─────────────────●
             /                   \
           /     ZONA DA CÂMERA    \
         /     (fique deste lado)    \
       📷          📷          📷
     Câmera 1   Câmera 2   Câmera 3

Cruzar a linha confunde o espectador sobre as relações espaciais. Só cruze intencionalmente (com um plano neutro entre eles ou um movimento visível de câmera).

Casamento na Ação

Ao cortar entre dois ângulos da mesma ação, a ação deve continuar perfeitamente:

Painel A: Mão alcança maçaneta da porta (plano médio)
Painel B: Mão agarra maçaneta da porta (close-up)
         ↑ Ação continua do mesmo ponto

Casamento de Linha de Visão

Quando um personagem olha para algo, o próximo plano deve mostrar o que ele está olhando, aproximadamente do seu ponto de vista.

Painel A: Personagem olha para cima e para a direita
Painel B: O objeto que ele vê, enquadrado de ligeiramente abaixo-esquerda

Direção de Tela

Se um personagem se move da esquerda para a direita em um plano, ele deve continuar da esquerda para a direita no próximo. Inverter a direção implica que ele virou.

Layout de Painéis

Formatos Padrão

LayoutPainéisUsar Para
2x3 (6 painéis)6 por páginaCenas detalhadas, diálogo
3x3 (9 painéis)9 por páginaSequências de ação, montagens
2x2 (4 painéis)4 por páginaMomentos-chave, apresentações
Único1 por páginaPlanos de destaque, momentos críticos

Formato de Anotação do Painel

Cada painel deve incluir:

┌────────────────────────────────────┐
│ CENA 3 — PLANO 2                   │ ← Número da cena e do plano
│                                    │
│   [Imagem gerada aqui]             │ ← Visual
│                                    │
├────────────────────────────────────┤
│ Plano: MS, nível dos olhos         │ ← Tipo de plano e ângulo
│ Movimento: Dolly lento para dentro │ ← Movimento de câmera
│ Duração: 4 seg                     │ ← Duração estimada
│ Ação: Sarah abre a carta           │ ← O que acontece
│ Diálogo: "Isso muda tudo"          │ ← Quaisquer falas
│ Efeitos: Papel farfalhando, relógio│ ← Efeitos sonoros
│ Música: A tensão aumenta           │ ← Indicação musical
└────────────────────────────────────┘

Fluxo de Trabalho do Storyboard

Etapa 1: Lista de Planos

Antes de gerar imagens, escreva uma lista de planos:

CENA 1 — ESCRITÓRIO, DIA

1.1  PA  - Plano de estabelecimento do exterior do prédio do escritório, manhã
1.2  PM  - Sarah caminha pelo escritório, carregando café
1.3  CU  - Rosto de Sarah, nota algo em sua mesa
1.4  ECU - Um envelope na mesa, caligrafia desconhecida
1.5  PM  - Sarah pega o envelope, abre-o
1.6  CU  - Olhos de Sarah se arregalam ao ler
1.7  ECU - Frase-chave na carta (inserir texto)

Etapa 2: Gerar Painéis

Use um estilo consistente em todos os painéis:

# Estabeleça um sufixo de estilo consistente
ESTILO="still cinematográfico, ligeiramente dessaturado, gradação de cor quente, lente 35mm, profundidade de campo rasa"

# Painel 1.1 — Plano aberto de estabelecimento
belt app run falai/flux-dev-lora --input "{
  \"prompt\": \"plano aberto do exterior de um prédio de escritórios moderno de vidro, luz dourada da manhã, pessoas entrando, $ESTILO\",
  \"width\": 1248, \"height\": 832
}" --no-wait

# Painel 1.2 — Plano médio
belt app run falai/flux-dev-lora --input "{
  \"prompt\": \"plano médio de uma mulher profissional andando por um escritório aberto moderno, carregando xícara de café, luz da manhã através das janelas, $ESTILO\",
  \"width\": 1248, \"height\": 832
}" --no-wait

# Painel 1.3 — Close-up
belt app run falai/flux-dev-lora --input "{
  \"prompt\": \"close-up do rosto de uma mulher olhando para sua mesa com expressão curiosa, iluminação suave de escritório, $ESTILO\",
  \"width\": 1248, \"height\": 832
}" --no-wait

Etapa 3: Montar a Prancha

# Costure painéis em linhas
belt app run infsh/stitch-images --input '{
  "images": ["painel_1_1.png", "painel_1_2.png", "painel_1_3.png"],
  "direction": "horizontal"
}'

belt app run infsh/stitch-images --input '{
  "images": ["painel_1_4.png", "painel_1_5.png", "painel_1_6.png"],
  "direction": "horizontal"
}'

# Em seguida, costure as linhas verticalmente para a página completa
belt app run infsh/stitch-images --input '{
  "images": ["linha1.png", "linha2.png"],
  "direction": "vertical"
}'

Dicas de Consistência de Estilo

  • Use o mesmo sufixo de estilo em todos os painéis (lente, gradação de cor, iluminação)
  • Use FLUX LoRA se precisar de personagens consistentes entre os painéis
  • Mantenha a mesma proporção de aspecto para todos os painéis
  • Gere mais painéis do que o necessário e selecione os melhores
  • Se um painel não corresponder ao estilo, regere com um prompt ajustado

Erros Comuns

ErroProblemaCorreção
Cruzar a linha dos 180 grausConfunde relações espaciaisFique de um lado ou use plano neutro
Todos do mesmo tipo de planoVisualmente monótono, sem ritmoVarie entre CU, MS, PA
Sem plano de estabelecimentoEspectador não sabe onde estáInicie cenas com PA ou PGA
Muitos planos por cenaRitmo arrasta5-8 planos por cena é o típico
Estilo inconsistente entre painéisParece projetos diferentesUse o mesmo sufixo de estilo no prompt
Anotações ausentesPainéis ambíguosSempre anote tipo de plano, movimento, ação

Skills Relacionados

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

Navegue por todos os apps: 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.

Habilidades Relacionadas