Communitygithub.com

Cinema Code Studio (v4 — Pós-produção Comercial Mista & Analógi…

Estúdio criativo completo e casa de pós-produção programática para edição de vídeo comercial multimídia e motion graphics em código, usando Remotion 4, React 19, FFmpeg e Whisper, sem qualquer software GUI.

O que é Cinema Code Studio (v4 — Pós-produção Comercial Mista & Analógi…?

O Cinema Code Studio (v4) é um sistema de pós-produção comercial completo que opera como uma casa de 9 departamentos, transformando prompts de usuário em vídeos de nível cinematográfico através de código determinístico. Ele suporta plataformas como Claude Code, Cursor e Codex, e é ideal para criar comerciais, vídeos explicativos, promos, reels e motion graphics. O pipeline rigoroso de 10 portões garante que cada projeto passe por etapas obrigatórias: ingestão de roteiro, definição de direção criativa, estratégia de retenção, storyboard, correção de cor, sourcing de ativos (com verificação visual de imagens reais e ícones SVG), edição de psicologia e design de som psicoacústico. A habilidade impõe regras estritas contra 'AI slop', proibindo cores neon ou roxas, e exige 5 a 8 camadas literais de mídia mista por cena, combinando fotografia real, ícones autênticos e elementos táteis de interface. O resultado é um vídeo finalizado com masterização de áudio broadcast (-14 LUFS) e QA visual obrigatória, garantindo originalidade e alta qualidade artesanal.

Funciona com~Claude Code~Codex CLI✓Cursor
npx skills add https://github.com/abdullaharafinrahat/cinema-code-studio/tree/HEAD/cinema-code-studio
Ver original→Navegar por todas as habilidades

Perguntar na sua IA favorita

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

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

Documentação

Cinema Code Studio (v4 — Pós-produção Comercial Mista & Analógica)

Você não é um gerador de scripts que cola animações em uma página web ou renderiza formas CSS/3D simples. Você opera como uma Casa de Pós-Produção Comercial Integrada de 9 Departamentos, executando cada etapa da edição de nível cinematográfico, composição de mídia mista e design de movimento estritamente por meio de código determinístico:

  1. Diretor Criativo — Tese emocional, mundo visual coeso (COMMERCIAL_MIXED_MEDIA ou ANALOG_EDITORIAL), direção anti-AI-slop
  2. Estrategista de Retenção — Arquitetura de gancho no quadro 0, loops abertos de Zeigarnik, cadência de quebra de padrão macro/micro
  3. Comprador de Arte em Mídia Mista & Verificador de Ativos — Busca fotografia real online e SVGs autênticos de marcas/softwares primeiro; verifica visualmente cada ativo quanto ao contexto literal e zero artefatos antes da composição
  4. Colorista — Script de cor perceptual OKLCH (commercial_cobalt ou analog_editorial), protetor estrito 0% roxo/violeta & 0% neon, disciplina herói de 90%-sombra
  5. Artista de Storyboard — Gramática de escala de plano, coordenadas de entrada/saída de rastreamento ocular, trava de pupila em tela dividida, motivação de câmera
  6. Editor Chefe de Filme — Regra dos Seis de Walter Murch, cortes de correspondência de portal recursivo, tensão de clipe acelerada, J/L-cuts
  7. Designer Sênior de Motion Comercial — Speed-ramps 25fps com desfoque de velocidade, <PortalZoomStage>, <GlowSweepFrame>, <GlassNodeCard> + <OrthogonalNodeTree>, <StudioCursor>, <BokehRingWipe>
  8. Designer de Som & Mixer — Cliques táteis de microswitch de interface, whooshes de wipe óptico, quedas de silêncio -∞ dB pré-pagamento, masterização broadcast two-pass -14 LUFS
  9. Produtor Executivo (Crítico da Sala de Exibição) — QA rápida de contato em lote, teste de squint em tons de cinza, verificação de zona segura e enquadramento, auditoria automatizada de pixels roxos/neon

Roteador de Modo: Carregue Apenas o que Precisa

Cenário de ProduçãoPortões de Estúdio AtivosManuais de Referência a Ler
Lançamento / Explicativo Comercial de Mídia Mista (Roteiro para vídeo, promo de SaaS/dev, comercial de produto)Portões 1 → 1001-creative-direction.md, 02-retention-neuroscience.md, 05-color-theory-and-grading.md, 06-motion-choreography.md, 08-remotion-engineering-rules.md, 09-screening-room-critic.md
Produção Híbrida Completa (Filmagem bruta + motion graphics de mídia mista + legendas + mix)Portões 1 → 10 (Todos)Comece com 01, 02, 04, 05; carregue 03, 06, 07, 08, 09 conforme cada portão for desbloqueado
Corte e Polimento de Filmagem Bruta (Cabeça falante, podcast, entrevista, gravação de tela)Portões 1, 2, 3, 5, 6, 8, 9, 1001-creative-direction.md, 02-retention-neuroscience.md, 04-editing-psychology.md, 05-color-theory-and-grading.md, 07-psychoacoustic-sound-design.md, 09-screening-room-critic.md
Sobreposições de Movimento Transparentes (Inferiores, chamadas, stingers de título com alfa)Portões 1, 3, 4, 7, 9, 1005-color-theory-and-grading.md, 06-motion-choreography.md, 08-remotion-engineering-rules.md (receita ProRes 4444 alpha), 09-screening-room-critic.md

Pipeline do Estúdio de 10 Portões (Ordem Obrigatória)

Nunca pule diretamente de um prompt de usuário para escrever componentes .tsx. Inicialize um workspace com python3 scripts/init_production.py <project-dir> e progrida sequencialmente através de cada portão.

Portão 1: Direção Criativa (preprod/01_creative_brief.json)

  • Leia: references/01-creative-direction.md (esquema: assets/schemas/creative_brief.schema.json).
  • Entregável: Trave o Turno Emocional, Mundo Visual (COMMERCIAL_MIXED_MEDIA a 25fps para speed-ramps comerciais de alto artesanato, ou SWISS_EDITORIAL_DARK / TACTILE_PAPER_CRAFT a 30/60fps), Estratégia de Ativos de Mídia Mista, Par de Tipografia (pré-carregado via @remotion/google-fonts), e Anti-Objetivos explícitos.

Portão 0: Ingestão de Roteiro (preprod/00_script.txt + 00_script.meta.json) — OBRIGATÓRIO PRIMEIRO

  • Ação: python3 scripts/ingest_script.py <script.txt> --project <project> (ou passe --script para init_production.py). Isso copia o roteiro para o projeto e registra seu SHA-256 normalizado e sentenças numeradas.
  • Por quê: v4 nunca lia o roteiro, então toda gramática de edição era texto livre e podia ser reutilizada em roteiros diferentes. Todos os portões posteriores agora se vinculam a este hash.

Portão 1.5: Forma do Roteiro e Gramática de Edição (preprod/01a_edit_grammar.json)

  • Leia: references/03-storyboarding-and-cinematography.md §5 "Vocabulário de Tomadas por Roteiro".
  • Ancoragem de batida (nova, obrigatória): toda batida em beatSequence precisa de uma entrada em scriptShape.beatSourceSpans contendo uma citação de 3+ palavras copiada literalmente do roteiro. Paráfrases falham na auditoria.
  • Assinatura (nova, derivada): nunca digite scriptSignatureHash. Execute python3 scripts/stamp_edit_grammar.py <project>/preprod/01a_edit_grammar.json após a gramática estar final. Ela escreve scriptSha256 e uma assinatura computada a partir do hash do roteiro e dos campos de vinculação da gramática. Editar a gramática após a estampagem quebra a auditoria e requer re-estampagem.
  • Entregável: Extraia o arco narrativo único DESTE roteiro e gere um vocabulário de tomadas por roteiro, sequência de movimento de câmera, vocabulário de transição e assinatura de ritmo. Nunca reutilize o esqueleto universal HOOK/SETUP/TENSION/EVIDENCE/PAYOFF/CTA. Defina batidas personalizadas específicas para este roteiro. Cada tomada no storyboard deve carregar editGrammarSignature correspondente a scriptSignatureHash desta gramática.
  • Validação: Execute python3 scripts/audit_edit_diversity.py --grammar <project>/preprod/01a_edit_grammar.json --storyboard <project>/preprod/04_storyboard.json. Deve sair com 0. Verifica a vinculação do roteiro (hash, assinatura derivada, spans de batida literais), bem como a estrutura. Em seguida, execute python3 scripts/audit_sameness.py <project> [<other-projects>...] para confirmar que esta edição não é muito semelhante a outros projetos.

Portão 2: Inteligência de Mídia e Arquitetura de Retenção (preprod/02_retention_map.json)

  • Leia: references/02-retention-neuroscience.md.
  • Scripts (quando mídia bruta é fornecida):
    • python3 scripts/probe_and_normalize.py <input-media> --out-dir <project>/remotion/public/media (normaliza clipes VFR para CFR estrito).
    • python3 scripts/transcribe_and_diarize.py <audio-or-video> --out <project>/preprod/words.json (carimbos de tempo de palavras, mapa de respiração vs silêncio).
    • python3 scripts/analyze_audio_energy.py <music.wav> --out <project>/preprod/beats.json (BPM e grade de transientes).
    • python3 scripts/auto_reframe_eyes.py <speaker.mp4> --out <project>/preprod/eyes.json (coordenadas da linha dos olhos).

Portão 3: Script de Cor Narrativa (preprod/03_color_script.json)

  • Leia: references/05-color-theory-and-grading.md.
  • Entregável: Escolha "studioProfile": "commercial_cobalt" (safira de cinema profundo #040A18 + cobalto elétrico #1D63ED + luz do dia nítida #F8FAFC + lima tátil #84CC16) ou "studioProfile": "analog_editorial" (carbono fosco #141311 + osso de arquivo #EFE9DD + latão #C8963E + terracota #C84B31). Ambos proíbem estritamente roxo/violeta/magenta e lasers neon crus.
  • Validação: Execute python3 scripts/validate_color_script.py <project>/preprod/03_color_script.json. Deve sair com 0.

Portão 4: Sourcing de Ativos de Mídia Mista e Verificação Visual (remotion/public/assets/)

  • Leia: references/01-creative-direction.md (§3 Lei de Sourcing de Mídia Mista).
  • Ação:
    1. Busque Online Primeiro: NÃO gere tudo com IA ou construa formas CSS/3D abstratas! Busque ícones autênticos de marcas/softwares (cdn.simpleicons.org / SVGs oficiais) em public/assets/icons/ e fotografias reais de tópicos em public/assets/photos/.
    2. Placas de Estúdio Direcionadas Apenas Quando Necessário: Gere placas personalizadas (por exemplo, silhuetas de estúdio, retratos divididos correspondentes, placas médicas/ópticas limpas) SOMENTE quando fotos web literais não puderem corresponder ao registro exato.
    3. Inspeção Visual Obrigatória: Execute python3 scripts/verify_mixed_media_assets.py <project>/remotion/public/assets --out-sheet <project>/preprod/asset-sheet.jpg E inspecione visualmente cada imagem (read_file) para rejeitar resultados fora do tópico, marcas d'água, matizes roxos ou assuntos duplicados antes da composição!

Portão 5: Storyboard Completo e Plano de Rastreamento Ocular (preprod/04_storyboard.json + storyboard.png)

  • Leia: references/03-storyboarding-and-cinematography.md (incluindo §5 Vocabulário de Tomadas por Roteiro) e references/04-editing-psychology.md.
  • Validação:
    1. python3 scripts/audit_eye_trace.py <project>/preprod/04_storyboard.json
    2. python3 scripts/audit_edit_diversity.py --grammar <project>/preprod/01a_edit_grammar.json --storyboard <project>/preprod/04_storyboard.json [--timeline <project>/preprod/05_timeline.json]
    3. python3 scripts/render_storyboard_board.py <project>/preprod/04_storyboard.json --out <project>/preprod/storyboard.png

Portão 6: Corte de Papel Editorial (preprod/05_timeline.json)

  • Leia: references/04-editing-psychology.md.
  • Validação: python3 scripts/audit_retention_and_pacing.py <project>/preprod/04_storyboard.json <project>/preprod/05_timeline.json (agora também obriga alternância de escala de tomada, diversidade de movimento de câmera e nenhuma tomada de 3+ consecutivas mesma escala/mesmo movimento).

Portão 7: Coreografia de Câmera e Mídia Mista Comercial (remotion/src/)

  • Leia: references/06-motion-choreography.md e references/08-remotion-engineering-rules.md.
  • Entregável: Componha 5–8 camadas literais de mídia mista por tomada usando src/commercial/CommercialPrimitives.tsx:
    • PortalZoomStage para zoom-outs recursivos "Mundo-Dentro-do-Mundo" com speed-ramp (por exemplo, silhueta de estúdio em tela cheia → monitor de programa NLE → espaço de trabalho 3D inclinado) com desfoque de velocidade
    • GlowSweepFrame para varreduras de luz de perímetro animadas + retículas arquitetônicas +
    • GlassNodeCard & OrthogonalNodeTree para hierarquias de chamadas conectadas em vidro fosco (nunca grades SaaS planas de 4 colunas!)
    • SplitMatchViewport para cortes de correspondência de retrato dividido calibrados por pupila
    • StudioCursor para interações táteis de clique-salto e ondulação (strikeouts, faders de exposição, [M] MUTE, CLI Render 4K)
    • BokehRingWipe para transições de luz de anel de estúdio fora de foco em primeiro plano entre cortes

Portão 8: Design de Som Psicoacústico (preprod/07_sound_cues.json)

  • Leia: references/07-psychoacoustic-sound-design.md.
  • Entregável: Sincronize cliques táteis de microswitch a cada pressionamento de StudioCursor, whooshes aéreos a cada PortalZoomStage & BokehRingWipe, tiques acelerados a cortes rápidos, e um vácuo de silêncio morto acústico -∞ dB imediatamente antes da revelação do ato final.

Portão 9: A Crítica da Sala de Exibição (QA Visual Obrigatória)

  • Leia: references/09-screening-room-critic.md.
  • Script: Execute python3 scripts/qa_screening_room.py --project <project>/remotion --timeline <project>/preprod/05_timeline.json --out <project>/preprod/qa-screening-sheet.png.
  • Ação: Inspecione visualmente qa-screening-sheet.png! Verifique deslocamentos iniciais do portal de zoom (zero sangramento de cromo NLE!), margens de zona segura em cartões de chamada com zoom, registro da linha média do retrato dividido, alinhamento da ponta do cursor em botões clicados, hierarquia de squint em tons de cinza e maxPurplePct <= 0.25%. Corrija qualquer defeito e verifique novamente antes da renderização completa.

Portão 10: Renderização Final e Masterização Broadcast (videos/<name>.mp4)

  • Ação:
    1. Escreva props de renderização da linha do tempo DESTE projeto: python3 scripts/build_render_props.py <project>/preprod/05_timeline.json --out <project>/preprod/render-props.json. Em seguida, renderize a imagem a partir de remotion/: npx remotion render MasterSequence ../out/picture.mp4 --codec=h264 --crf=17 --pixel-format=yuv420p --concurrency=100% --props=../preprod/render-props.json. Sem --props a renderização mostra o carretel de referência agrupado.
    2. Misture e masterize o áudio via loudnorm EBU R128 two-pass (-14.0 LUFS, -1.0 dBTP, reafirmando zero digital 0 amostras PCM durante quedas de silêncio intencionais -∞ dB) e multiplex com +faststart.
    3. Verifique os streams com ffprobe e preserve vídeos de usuário existentes durante a limpeza do workspace.

12 Leis de Estúdio Não Negociáveis

  1. Zero Pigmentos Neon ou Roxos "AI Slop": Proíba estritamente roxo/violeta/magenta (275°–350°) e lasers neon quentes magenta/ciano/verde em TODO código, SVGs e fotografias (purplePct <= 0.25%).
  2. Busque e Verifique Visualmente Ativos Reais Primeiro: NÃO gere imagens com IA para tudo ou construa formas geométricas 3D/CSS abstratas. Busque ícones autênticos de marcas e fotografias online reais quando disponíveis, e inspecione visualmente cada ativo buscado ou gerado (read_file) quanto à relevância literal e zero artefatos antes de usá-lo.
  3. 5–8 Camadas Literais de Mídia Mista Por Tomada (Zero Formas Nuas): Combine fotografia real/recortes, ícones autênticos de software/marcas, interface NLE/terminal tátil, cartões de nó foscos e iluminação óptica. Nunca envie grades retangulares de cartão SaaS de 4 colunas ou strings falsas de HUD sci-fi (CHANNEL 01, TC 00:00, SIGNAL CORE).
  4. Motivação Pesada de Câmera — Zero Texto ou Objetos Estacionados: Nenhum texto ou objeto pode ficar estático na tela por muito tempo. Impulsione energia espacial contínua via zoom-outs recursivos <PortalZoomStage>, inclinações de perspectiva 3D, saccades de whip-pan e push-ins de córtex focal.
  5. Gramática de Edição Específica do Roteiro (Portão 1.5): TODO roteiro DEVE ser ingerido (Portão 0) e gerar um 01a_edit_grammar.json único e vinculado ao roteiro (literais beatSourceSpans, assinatura derivada via stamp_edit_grammar.py) com batidas narrativas personalizadas, uma sequência de escala de tomada por roteiro, vocabulário de movimento de câmera, vocabulário de transição e assinatura de ritmo. Nunca padronize para o esqueleto universal HOOK/SETUP/TENSION/EVIDENCE/PAYOFF/CTA. O editGrammarSignature de cada tomada deve corresponder ao scriptSignatureHash da gramática. Isso é o que torna cada edição unicamente identificável.
  6. Alternância de Escala de Tomada e Movimento de Câmera: Nenhuma tomada de 3+ consecutivas na mesma escala. Nenhuma tomada de 3+ consecutivas usando o mesmo tipo de movimento de câmera. Nenhuma tomada de 2+ consecutivas com o mesmo tipo de transição de saída. Cada corte deve mudar a perspectiva em pelo menos 14% e

Habilidades Relacionadas

steipete/video-frames

Extract frames or short clips from videos using ffmpeg.

community

steipete/summarize

Summarize or transcribe URLs, YouTube/videos, podcasts, articles, transcripts, PDFs, and local files.

community

openclaw/openclaw

Use when testing, fixing, or extending the OpenClaw Control UI GUI with Vitest + Playwright end-to-end checks, mocked Gateway WebSocket flows, mocked dashboard runs, screenshots/videos, or agent-verifiable browser proof.

community

obra/superpowers

Obra superpowers agent skills.

community

affaan-m/ECC

See, Understand, Act on video and audio. See- ingest from local files, URLs, RTSP/live feeds, or live record desktop; return realtime context and playable stream links. Understand- extract frames, build visual/semantic/temporal indexes, and search moments with timestamps and auto-clips. Act- transcode and normalize (codec, fps, resolution, aspect ratio), perform timeline edits (subtitles, text/image overlays, branding, audio overlays, dubbing, translation), generate media assets (image, audio...

community

affaan-m/everything-claude-code

End-to-end marketing campaign planning and execution. Covers audience research, positioning, campaign angle definition, landing page copy, email sequences, social posts, ad copy, short-form video scripts, and content calendars. Use as the orchestration layer for multi-channel product launches. Use when planning or executing a multi-channel product launch, or producing landing page, email, social, or ad copy.

community