Communitygithub.com

iám jeffia/estudio-ia

Este estúdio de vídeo é o ponto de entrada para qualquer pedido de vídeo (Reel, anúncio, tutorial narrado, vídeo de produto, motion, edição de bruto, legenda). Use no início de todo vídeo para abrir o método, escolher o motor (After Effects, EffectCraft, HyperFrames ou Remotion) e a habilidade de receita certa, sempre com referências antes de animar.

estudio-ia とは?

Esta skill é um roteador modular para a criação de vídeos em um estúdio digital, projetada para ser usada por agentes de IA (como Claude Code) que gerenciam o fluxo de produção. Ela determina a ordem de trabalho, o motor de animação apropriado (After Effects, EffectCraft, HyperFrames ou Remotion) e a habilidade de receita correta para cada tipo de peça, seja Reel, anúncio, tutorial narrado, vídeo de produto ou edição de bruto. A skill garante que a produção siga um método consistente: áudio aprovado primeiro, busca de referências antes de animar, briefing e storyboard aprovados, e revisão final com scripts de detecção de saltos e comparação quadro a quadro. Suporta plataformas como After Effects (com Motion Kit AE), EffectCraft (MCP server), HyperFrames (HTML/GSAP) e Remotion (React). É útil porque padroniza o pipeline, evita retrabalho e assegura que a identidade visual e a direção sejam decididas antes da animação, resultando em entregas finais de alta qualidade.

対応✓Claude Code~Codex CLI~Cursor
npx skills add https://github.com/iamjeffia/estudio-ia/tree/HEAD/.agents/skills/estudio-video

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

Estúdio de vídeo: por onde começar

Data: 2026-10-22 · Tipo: guia · Status: vigente

Resumo: roteador de vídeo. Diz em que ordem trabalhar, qual motor usar e qual habilidade seguir para cada tipo de peça. O método completo está em video-do-zero; os números (mola, câmera, volume, render) moram só em regras.md.

Antes de animar qualquer coisa

  1. Combine o "pronto" (formato, duração, onde vai ser publicado) e abra o projeto em 04-projetos/AAAA-MM-DD-tema/ com a checklist do video-do-zero no README.md.
  2. Áudio aprovado primeiro. Narração, se houver, é aprovada pelo dono antes da edição: todo o resto é sincronizado com ela.
  3. Referências antes de produzir: siga a habilidade video-referencias. Procure antes em 03-referencias/ (como funciona) e na 05-biblioteca/.
  4. Identidade do vídeo tirada do assunto, e direção decidida antes de animar: references/identidade.md e references/direcao.md.
  5. Briefing e storyboard aprovados (seção abaixo).

Escolher o motor

Confira o que está instalado em 02-ferramentas/ (modelo dos docs) antes de decidir.

MotorQuandoComo o agente usa
After Effectsacabamento fino: molas, câmera 3D, transições, efeitosSe o Motion Kit AE estiver instalado (grátis em clubedomotion.com/kit-ae), use as ferramentas e a habilidade dele: ver a comp como folha de quadros, revisar o movimento ("humano ou robotizado?"), aplicar as operações prontas de mola, morph, entrada, saída e câmera viva, posicionar efeitos sonoros e renderizar. Sem o kit, ExtendScript e expressões
EffectCraftalternativa gratuita e aberta ao After Effectsservidor MCP effectcraft: command_list para achar o comando, command_run para executar, render_preview para olhar
HyperFramesvídeo em HTML/GSAP: telas, texto animado, peças em sérienpx skills add heygen-com/hyperframes; comece pela habilidade hyperframes
Remotionvídeo em React, componentes reutilizáveisnpx skills add remotion-dev/skills; habilidade remotion-best-practices

Partes podem nascer em código (HyperFrames ou Remotion) e ser finalizadas no After Effects ou no EffectCraft. Em qualquer motor, olhe o quadro renderizado antes de dizer que está pronto: resultado de ferramenta não é prova.

Escolher a receita

PedidoHabilidade
Qualquer vídeo com motionvideo-referencias antes de tudo
Narrado: explicativo, tutorial, anúncio com vozmotion-narrado
Produto, software, lançamento, "apresentando", demoanimacao-saas (narrado: soma com a motion-narrado)
Tela de app ou site recriada dentro do vídeoui-para-video
Trilha, efeitos, mixsom-do-video
Assistir a um vídeo (referência, concorrente)habilidade watch
Bruto com falauv run scripts/video/cut_pauses.py corta pausas; uv run scripts/video/make_captions.py gera a legenda

Briefing e storyboard antes de animar

O briefing vai no README.md do projeto, sempre nestas seções:

  1. objetivo e entrega (formato, quadros por segundo, duração, projeto editável);
  2. linguagem visual (cores em hex, fonte, regras de composição);
  3. assets e de onde vem cada um;
  4. sequência com o tempo de cada cena;
  5. regras de movimento;
  6. som como relógio (batidas, drop, fala);
  7. como o render será conferido.

O storyboard (quadros estáticos ou tabela cena → tempo → o que entra) é aprovado antes de animar. Antes de inventar uma saída de cena, veja o catálogo aberto em references/saidas-e-truques.md.

Ver rápido, entregar uma vez

  • Prévia a cada ajuste (meia resolução, sem desfoque de movimento) para conferir montagem, tempo e som. Prévia nunca é entregue.
  • Final uma vez. Depois de um ajuste, refaça só o trecho que mudou.
  • Som em paralelo: com a primeira prévia pronta, o som pode andar sozinho pelos eventos da animação (uv run scripts/som/som.py --eventos eventos.json ...). Detalhes na som-do-video.

Revisar

  1. uv run scripts/video/detectar_saltos.py render/final.mp4: todo salto restante tem de ser corte de propósito.
  2. uv run scripts/video/olho_quadro_a_quadro.py compara contra a referência: curvas do original e da recriação no mesmo gráfico.
  3. Original em cima, nosso embaixo, no tamanho do celular. A pergunta: "o original grita mais?" (contraste, tamanho, peso do texto). Se sim, ainda não superou.
  4. Registre no README.md do projeto e numa anotação. Número que funcionou vai para regras.md.

Individual skills in this repo

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

iamjeffia/estudio-ia

Regras para montar motion graphics sobre uma narração (Reels explicativos, tutoriais e anúncios narrados com telas de interface) — a cena se constrói conforme a fala, sem spoiler; legenda com tempo de leitura e sem marca-texto; um elemento real ou metáfora visual para cada ideia dita; destaques variados; troca de cena só depois da fala e na batida da trilha. Usar em todo vídeo narrado com motion, em After Effects, EffectCraft, HyperFrames ou Remotion, antes de escrever as cenas e de novo antes de renderizar.

iamjeffia/estudio-ia

Sound design e mixagem de vídeo no estúdio. Usar sempre que for dar som a um vídeo ou animação (efeito para cada elemento que entra ou sai, música, narração, mix final, som colado na prévia), montar ou ampliar a biblioteca de efeitos (sintetizar ou nivelar um pack), medir as batidas e o drop de uma música para cortar no tempo, separar a voz da música em stems ou conferir se o som de cena está alto demais antes de entregar. Vale para vídeo feito no After Effects, HyperFrames, Remotion ou editado à mão.

iamjeffia/estudio-ia

Regras de UI/UX para telas recriadas dentro de vídeos (app, site, dashboard, chat, notificação) e para páginas simples, para o resultado parecer produto de verdade e não tela feita por IA. Usar ao desenhar, recriar, auditar ou polir qualquer interface que vai aparecer num vídeo ou numa página, inclusive quando for preciso buscar referência visual (Mobbin se disponível; senão Pinterest ou Dribbble).

関連スキル