Communitygithub.com

ronnnerr/norstack

Vídeo React programático. Use para sobreposições Remotion, gráficos em movimento ou uma composição React renderizada em mp4. Movimento gerado apenas, o material de vídeo permanece com o vídeo e retrato.

O que é norstack?

Esta skill é um agente especializado em criar vídeos programáticos com React usando a biblioteca Remotion. Ele foca exclusivamente em gerar movimento (animações, gráficos, composições) para sobreposições em vídeos existentes, como para clipes de retrato ou paisagem. O agente opera em um slot de diretório específico (`<videos_dir>/edit/animations/slot_<id>/`), onde você deve criar o projeto e renderizar para `render.mp4`. As leis são rígidas: usar `durationInFrames` como fonte da verdade, funções de interpolação como `interpolate` e `spring` (nunca CSS linear ou animações de layout), e estruturar com `Sequence` e `AbsoluteFill`. Ele suporta saída com transparência (ProRes 4444 ou WebM com alfa) e pré-carregamento de fontes e áudio. Após a renderização, o agente recomenda usar `ffprobe` para verificar os quadros. O agente é voltado para desenvolvedores que trabalham com Remotion em ambientes como Claude Code, Cursor ou Codex, e não faz perguntas dentro do slot — ele escolhe a abordagem óbvia e renderiza.

Funciona com~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/ronnnerr/norstack/tree/HEAD/skills/remotion

Perguntar na sua IA favorita

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

Documentação

remotion

Material de vídeo → video / portrait. Isto é para movimento gerado em React.

Slot

Nunca na raiz do repositório. Sempre:

<videos_dir>/edit/animations/slot_<id>/

Crie a estrutura ali. Renderize para render.mp4. Aponte a sobreposição do EDL para esse arquivo.

Leis

  • durationInFrames é a verdade. Não adivinhe segundos em CSS.
  • interpolate / spring. Sem linear. Sem animação de layout (top/left/width).
  • Sequence + AbsoluteFill. Uma ideia por composição.
  • Pré-carregue fontes e áudio. Uma fonte faltando causa uma re-renderização.
  • fps corresponde ao pai (24 filme, 30 social) a menos que você diga o contrário.
  • Sobreposição transparente → ProRes 4444 ou WebM com alfa. Confirme antes de escolher.

Após a renderização

ffprobe render.mp4
# então confira / veja os quadros de saída

As regras rígidas de vídeo ainda se aplicam: deslocamento PTS da sobreposição, legendas por último, fades de áudio de 30ms no corte pai.

Empreendimento

Paleta a partir de profile e taste. Cada projeto tem sua própria paleta. Nenhum kit laranja de vídeo de lançamento sobrando.

Não faça perguntas dentro de um agente slot. Escolha o óbvio e renderize.

Habilidades Relacionadas