OfficialVidéo et animationgithub.com

remotion-saas

Créer une application avec Remotion

Qu'est-ce que remotion-saas ?

Ce skill permet de développer une application SaaS basée sur Remotion, une bibliothèque de création vidéo programmatique en React. Il couvre les aspects essentiels : choix d'un template ou framework adapté, intégration du composant `<Player>` pour prévisualiser des vidéos dans une interface React, et options de rendu côté client ou serveur (Lambda, Vercel, Node.js, Cloudflare). Utile pour les développeurs souhaitant construire des éditeurs vidéo ou des formulaires simples connectés à un rendu, il supporte également Vue, Angular et Svelte. Le skill s'appuie sur la documentation officielle de Remotion pour guider l'utilisateur pas à pas.

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

Installed? Explore more Vidéo et animation skills: steipete/video-frames, steipete/summarize, openclaw/openclaw · View all 6 →

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

Documentation

On peut construire des applications avec Remotion.
Il est possible d'avoir un formulaire simple et de le connecter à un rendu, ou d'avoir un éditeur vidéo complexe.

Choisir un modèle ou un framework

Nous avons plusieurs modèles pour SaaS qui peuvent être clonés ou utilisés comme référence.
Voir Choisir un framework pour obtenir de l'aide sur le choix d'un modèle ou d'un framework.

Le composant <Player>

Ce composant permet d'intégrer un aperçu Remotion dans une application React. Voir Player pour plus d'informations sur le Player.

Rendu

Il existe des options de rendu côté client et côté serveur. Voir Rendu pour des conseils sur la façon de choisir, et à propos des options Lambda, Vercel, Node.js et Cloudflare.

Avec Vue

Voir https://www.remotion.dev/docs/vue.md pour savoir comment utiliser Remotion avec Vue.

Angular

Voir https://www.remotion.dev/docs/angular.md pour savoir comment utiliser Remotion avec Angular.

Svelte

Voir https://www.remotion.dev/docs/svelte.md pour savoir comment utiliser Remotion avec Svelte.

Individual skills in this repo

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

Skills associés