OfficialVídeo e Animaçãogithub.com

remotion-saas

Construa um aplicativo com Remotion

O que é remotion-saas?

Esta skill capacita agentes de IA a construir aplicações SaaS completas utilizando Remotion, uma biblioteca para criação de vídeos programáticos em React. Ela oferece orientações sobre a escolha de templates e frameworks específicos para SaaS, facilitando a criação de desde formulários simples acoplados a renders até editores de vídeo complexos. A skill documenta o uso do componente `<Player>` para incorporar pré-visualizações Remotion em aplicações React, além de detalhar opções de renderização tanto no lado do cliente quanto no servidor, incluindo integrações com AWS Lambda, Vercel, Node.js e Cloudflare. Também fornece documentação para uso com outros frameworks populares como Vue, Angular e Svelte, tornando-a uma referência abrangente para desenvolvedores que desejam adicionar capacidades de renderização de vídeo a seus projetos SaaS.

Funciona com~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/remotion-dev/skills/tree/main/skills/remotion-saas

Installed? Explore more Vídeo e Animação skills: steipete/video-frames, steipete/summarize, openclaw/openclaw · View all 6 →

Perguntar na sua IA favorita

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

Documentação

É possível construir aplicativos com Remotion. É possível ter um formulário simples e conectá-lo a uma renderização, ou ter um editor de vídeo complexo.

Escolhendo um template ou framework

Temos vários templates para SaaS que podem ser clonados ou usados como referência. Veja Escolhendo um framework para ajuda na escolha de um template ou framework.

O <Player>

Este componente permite incorporar uma pré-visualização do Remotion em um aplicativo React. Veja Player para mais informações sobre o Player.

Renderização

Existem opções de renderização no lado do cliente e no lado do servidor disponíveis. Veja Renderização para conselhos sobre como escolher, e sobre as opções Lambda, Vercel, Node.js e Cloudflare.

Com Vue

Veja https://www.remotion.dev/docs/vue.md para saber como usar o Remotion com Vue.

Angular

Veja https://www.remotion.dev/docs/angular.md para saber como usar o Remotion com Angular.

Svelte

Veja https://www.remotion.dev/docs/svelte.md para saber como usar o Remotion com Svelte.

Individual skills in this repo

This repo contains 19 individual skills — each has its own dedicated page.

Habilidades Relacionadas