Pular pro conteúdo

Remotion skill

As telas que você desenhou no Stitch viram um vídeo MP4 de demonstração do app, com transições suaves, zoom e título em cada tela.

por Google LabsPublicada pela própria empresa

instalações
41,3 mil
estrelas no GitHub
8.594
No skills.sh desde
fevereiro de 2026
Licença
Apache-2.0

Atualizada no GitHub em 17 de agosto de 2026. Dados conferidos em 26 de outubro de 2026, no skills.sh e no GitHub.

O que ela faz

A skill, do Google Labs, junta dois servidores MCP: o do Stitch, ferramenta do Google que desenha telas de app, e o do Remotion, que faz vídeo com código React. O Claude acha o seu projeto no Stitch, lista as telas e baixa a imagem de cada uma na ordem do fluxo.

Depois monta um projeto Remotion com um arquivo que lista as telas, a duração e o texto de cada uma. Cada tela entra com zoom e fade, com transição de fade ou de deslize entre elas, título, descrição e barra de progresso. Dá pra destacar botões com um círculo pulsando e pôr narração gravada ou de voz sintética.

Você revisa no Remotion Studio, que abre no navegador e mostra o vídeo em tempo real, ajusta tempo e animação, e o Claude renderiza o MP4 pelo terminal ou pelo MCP do Remotion. A skill traz três formatos: slides simples, destaque de recurso e passo a passo do usuário.

Nas palavras de quem fez

Generate walkthrough videos from Stitch projects using Remotion with smooth transitions, zooming, and text overlays…

Google Labs, no SKILL.md

Quando usar

  • Mostrar pro cliente o app desenhado antes de programar
  • Fazer o vídeo de demonstração do app pra página de vendas
  • Postar a prévia de um app nas redes
  • Apresentar o fluxo de cadastro ou de compra passo a passo

Depois de instalar, é só pedir assim

  • Pega as telas do meu projeto “App de Delivery” no Stitch e faz um vídeo de apresentação
  • Faz um vídeo vertical das telas do Stitch mostrando o passo a passo da compra
  • Monta um vídeo destacando o botão de agendar em cada tela do meu app

Segurança

Gen Agent Trust Hub, Socket e Snyk leem o código da skill atrás de comando perigoso, dado vazando e instrução escondida. Alerta não é reprovação: quer dizer que vale ler o que a skill faz antes de instalar.

  • Gen Agent Trust HubPassou
  • SocketPassou
  • SnykPassou

Perguntas

Como instalar a Remotion no Claude Code?

Toca em Levar, aqui nesta página, e deixa seu nome, e-mail e WhatsApp (é uma vez só). Aparece uma frase pronta: cola ela no Claude Code, que ele mesmo instala a Remotion, e a skill passa a valer na próxima conversa. A mesma frase serve no Codex. Se preferir fazer na mão, o passo a passo está em como instalar skills no Claude Code.

O que a skill remotion precisa pra funcionar?

De um projeto no Stitch com as telas desenhadas, do MCP do Stitch ligado no agente, do MCP ou do CLI do Remotion e do Node.js com npm instalados. Sem telas no Stitch, ela não tem de onde puxar. O Remotion é grátis pra pessoa física e empresa de até 3 pessoas; empresa maior paga licença.

Roda no Codex e no Antigravity?

Roda onde os MCPs do Stitch e do Remotion estiverem conectados e o agente conseguir rodar comandos no terminal. A skill procura as ferramentas pelo nome dos MCPs, não depende de um agente específico.

Ela faz vídeo de qualquer coisa?

Não. Ela é feita pra apresentar telas de um projeto do Stitch. Pra outros vídeos com Remotion, a própria skill indica as skills oficiais do Remotion (npx skills add remotion-dev/skills).

Levar essa skill

1x remotionR$ 0,00

TotalR$ 0,00

A skill sai aqui mesmo, na hora. Seus dados eu uso pra falar com você sobre o MazyOS.

Levar precisa do JavaScript ligado. O código da skill está no GitHub: github.com/google-labs-code/stitch-skills

Aprenda a usar

Mais da loja Google Labs

Ver a loja Google Labs