remotion
Permite que seu agente crie vídeos de forma programática usando React. É útil para vídeos explicativos e gráficos em movimento.
O que ela faz
Esta ferramenta permite criar vídeos usando código, como se estivesse montando um vídeo com blocos de construção. É ideal para criar vídeos explicativos, cortes para redes sociais e animações que podem ser repetidas.
Quando usar
- ✓Criar um vídeo explicativo com a identidade visual da sua marca.
- ✓Gerar automaticamente vários vídeos curtos para redes sociais a partir de dados.
- ✓Transformar informações de um painel (dashboard) em um vídeo animado.
Exemplo do que pedir para a IA
“Crie um vídeo explicativo sobre o novo produto X usando as cores da nossa marca.”
Quer saber mais? Abra as seções abaixo.
Como usar
O jeito mais fácil: copie a mensagem abaixo e cole no Claude, ChatGPT, Cursor ou outra IA. Ela lê a skill e segue as instruções.
Link da skill
Mensagem pronta para colar
Como funciona
Você escreve o código que descreve como o vídeo deve ser, usando uma linguagem chamada React. A ferramenta então transforma esse código em um vídeo real.
Instalação
Jeito mais fácil: copie o link da skill e cole no Claude, ChatGPT ou Cursor pedindo para seguir as instruções.
No terminal (Claude Code, Codex, Cursor), na pasta do projeto:
npx skills add nexu-io/open-design --skill remotionOu baixe só o arquivo:
curl -L https://raw.githubusercontent.com/nexu-io/open-design/main/skills/remotion/SKILL.md -o SKILL.mdConteúdo técnico (SKILL.md)
Tradução do texto original do autor no GitHub. Os comandos e códigos estão como no original.
remotion
Curado pela equipe Remotion.
O que faz
Criação de vídeo programática com React. Útil para explicadores de marca, cortes para redes sociais, dashboards para vídeo e motion graphics reproduzíveis.
Fonte
- Original: https://github.com/remotion-dev/remotion
- Categoria:
video-generation
Como usar
Esta entrada do catálogo anuncia a habilidade no OpenDesign para que o agente a descubra durante o planejamento. Para executar o fluxo de trabalho completo original com seus ativos, scripts e referências, instale o pacote original no diretório de habilidades do seu agente ativo:
# Inspect the upstream README for exact paths
open https://github.com/remotion-dev/remotion
Em seguida, peça ao agente para invocar esta habilidade pelo nome (remotion) ou com uma das frases de gatilho listadas no frontmatter desta habilidade.
Perguntas frequentes
Preciso saber programar para usar?
Sim, é necessário ter conhecimento básico de programação com React para criar os vídeos.
O que são 'motion graphics' reproduzíveis?
São animações ou gráficos em movimento que podem ser facilmente recriados ou modificados usando o mesmo código, garantindo consistência.
Onde posso aprender mais?
Você pode encontrar mais informações e exemplos no repositório oficial do projeto no GitHub.
Detalhes
Descrição original do autor
Programmatic video creation with React. Useful for branded explainers, social cuts, dashboards-to-video, and reproducible motion graphics.
repo: nexu-io/open-design
Popularidade
- Estrelas no GitHub
- 101 mil
- Posição no ranking
- #760
- Licença
- Apache-2.0
- Atualizada em
- 16/10/2026
Comentários
- …
Mais skills deste repositório
sample-plugin
Faz seu agente criar um arquivo de metadados para testes. Ele ajuda a garantir que o código funcione corretamente em diferentes situações.
nexu-io/open-design
aster-atelier
Ajuda seu agente a criar um site artístico com visual clássico. Ele usa imagens elegantes, céus azuis e fontes serifadas para um visual cinematográfico.
nexu-io/open-design
audio-jingle
Faz seu agente gerar áudio como jingles e efeitos sonoros. Ele pode criar músicas e vozes, salvando o resultado em um arquivo de áudio.
nexu-io/open-design
blog-post
Ajuda seu agente a escrever artigos longos ou posts de blog. Ele inclui espaços para imagens, citações e informações do autor.
nexu-io/open-design
Skills parecidas
blender-motion-state-inspection
Permite inspecionar detalhes de animações em 3D. É útil para verificar poses, movimentos e o alinhamento de personagens em animações.
affaan-m/ECC
manim-video
Faz seu agente criar vídeos explicativos animados. Ele usa o Manim para gerar gráficos e diagramas claros para conceitos técnicos.
affaan-m/ECC
remotion-video-creation
Orienta seu agente na criação de vídeos usando React com a biblioteca Remotion. Ele cobre boas práticas para animações, áudio, legendas e outros elementos visuais.
affaan-m/ECC