remotion-create

Quando Usar

• Use quando o fluxo de trabalho anterior corresponder ao objetivo declarado do usuário.
• Use quando a tarefa exigir os procedimentos documentados nesta habilidade.

Estas são instruções para criar um novo projeto e composição Remotion. Se esta não for a próxima tarefa, consulte as Melhores Práticas da Remotion.

Estruturar um projeto

Se um projeto já existir, pule esta etapa. Certifique-se de que Node.js e Git estejam instalados e que a pasta atual seja apropriada para iniciar um novo projeto.

Inspecione a pasta atual, incluindo arquivos ocultos, antes de escolher onde estruturar.

Pasta vazia

Se estiver vazia, ou contiver apenas metadados descartáveis do sistema operacional como .DS_Store, crie o projeto diretamente na pasta atual. Remova apenas esses arquivos de metadados descartáveis primeiro, pois create-video rejeita pastas não vazias. Não trate todos os arquivos ocultos como descartáveis: arquivos como .env e diretórios como .git são conteúdos significativos.

Estruturar em pasta existente:

npx create-video@latest --yes --blank --no-tailwind .
npm i

Pasta não vazia

Se a pasta atual contiver conteúdo significativo e nenhum projeto existir, estruture em uma nova subpasta. Substitua my-video por um nome de projeto adequado.

npx create-video@latest --yes --blank --no-tailwind my-video
cd my-video
npm i

Projetando um vídeo

Mantenha a estrutura e adicione o React Markup. Siga as Melhores Práticas de React Markup da Remotion e as Regras de Layout de Vídeo para orientação sobre layout focado em vídeo e dimensionamento de texto.

Este é um vídeo com múltiplas cenas?

Se for um vídeo com vários vídeos subsequentes, siga as orientações em Vídeos com Múltiplas Cenas.

Melhores Práticas de Interatividade

Ao estruturar o React Markup seguindo as Melhores Práticas de Interatividade da Remotion, você permite que o usuário faça edições no Studio que são gravadas de volta no código.

TailwindCSS

Se o Tailwind for solicitado, consulte tailwind.md para usar o TailwindCSS na Remotion.

Abrir a prévia

Inicie o servidor de prévia após construir a composição:

npx remotion studio --no-open

Isso iniciará um processo de longa duração e imprimirá o URL do servidor para a prévia. Se o servidor já estiver iniciado, ele imprimirá o URL. Se um navegador "in-harness" estiver disponível, abra-o lá. Você pode visitar uma composição específica navegando para /[composition-id], por exemplo http://localhost:3000/MapAnimation.

Renderizar o vídeo

Renderize apenas se o usuário solicitar explicitamente.

npx remotion render

Para mais opções, consulte Renderização.

Acompanhamento

O processo de criação do vídeo terminou. Para prompts de acompanhamento, use as Melhores Práticas da Remotion.

Exemplos

User: Apply this skill to my current task.
Assistant: Follow the workflow in this skill, cite limitations, and ask before risky steps.

Limitações

• Habilidade upstream importada; verifique credenciais, permissões e limites de segurança antes da execução.
• Não substitui validação específica do ambiente, testes ou revisão do mantenedor.