Communitygithub.com

yangagent/remotion-video-papercraft-skill

Habilidade de agente para criar vídeos animados em papel recortado usando Remotion.

O que é remotion-video-papercraft-skill?

Este skill capacita agentes de IA (como Claude Code, Cursor ou Codex) a gerar vídeos animados no estilo 'papercraft' (papel recortado) utilizando a biblioteca Remotion. Ele fornece instruções claras sobre como configurar um projeto Remotion, estruturar componentes React para animações de corte de papel e renderizar o vídeo final. O skill é útil para desenvolvedores e criadores de conteúdo que desejam automatizar a produção de vídeos explicativos, comerciais ou arte em movimento com um toque artesanal. Ele suporta qualquer ambiente que execute Node.js e Remotion, e seu funcionamento é baseado na definição de templates de componentes, uso de keyframes para animação e exportação via linha de comando.

Funciona com~Claude Code~Codex CLI~Cursor
npx skills add yangagent/remotion-video-papercraft-skill

Perguntar na sua IA favorita

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

Documentação

O que remotion-video-papercraft-skill faz?

Habilidade de agente do repositório yangagent/remotion-video-papercraft-skill.

Visão Geral

Este skill permite que agentes de IA criem vídeos animados no estilo papercraft (papel recortado) usando o Remotion, uma biblioteca para escrever vídeos programaticamente com React.

O que ele faz

  • Gera a estrutura básica de um projeto Remotion.
  • Cria componentes React que representam elementos de papel recortado (como formas, camadas e animações).
  • Define a sequência de animação com durações, posições e efeitos de corte.
  • Renderiza o vídeo final como arquivo MP4.

Por que é útil

  • Automatiza a criação de vídeos com estilo artesanal sem necessidade de software de edição tradicional.
  • Permite versionamento e integração com pipelines de CI/CD.
  • Ideal para prototipagem rápida de animações ou produção em escala.

Plataformas suportadas

  • Claude Code
  • Cursor
  • Codex
  • Qualquer ambiente com Node.js e Remotion instalado.

Como funciona

  1. O agente recebe a solicitação do usuário para criar um vídeo no estilo papercraft.
  2. Ele configura um novo projeto Remotion usando o modelo base.
  3. Define um Video raiz que importa e organiza componentes de cena.
  4. Cada cena é um componente React que retorna elementos <div> ou <img> com estilos CSS para simular papel recortado (sombras, bordas irregulares, camadas sobrepostas).
  5. A animação é controlada por useCurrentFrame() e interpolate() do Remotion para criar movimentos suaves de entrada/saída.
  6. Finalmente, o agente executa npx remotion render para gerar o vídeo.

Exemplo de uso

npx remotion render src/index.ts video.mp4

Nota: Consulte a documentação oficial do Remotion para mais detalhes sobre instalação e API.

Habilidades Relacionadas