Communitygithub.com

remotion-dev/remotion-saas

Créez une application avec Remotion

Qu'est-ce que remotion-saas ?

Cette compétence vous permet de construire une application SaaS utilisant Remotion, une bibliothèque pour créer des vidéos programmatiquement en React. Elle est conçue pour les développeurs qui souhaitent implémenter un service de rendu vidéo à la demande, avec des fonctionnalités comme la gestion des tâches, le stockage cloud et l'API REST. La compétence s'appuie sur des exemples concrets et des bonnes pratiques pour intégrer Remotion dans une architecture SaaS complète, en prenant en charge les environnements Node.js et les services modernes de cloud computing.

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

Demander à votre IA préférée

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

Documentation

Que fait remotion-saas ?

Créez une application avec Remotion

Aperçu

Cette compétence vous guide dans la création d'une application SaaS basée sur Remotion, une bibliothèque React pour générer des vidéos par programmation. Elle est idéale pour les développeurs souhaitant offrir un service de rendu vidéo personnalisé à leurs utilisateurs.

Fonctionnalités

  • Rendu vidéo à la demande : Gérez des tâches de rendu via une API REST.
  • Stockage cloud : Sauvegardez les vidéos générées sur AWS S3 ou services similaires.
  • Authentification : Intégrez un système d'authentification pour sécuriser les accès.
  • Files d'attente : Utilisez des files d'attente pour traiter les rendus de manière asynchrone.
  • Interface utilisateur : Fournissez un tableau de bord pour suivre les tâches.

Prérequis

  • Node.js 18+
  • Compte AWS (ou équivalent) pour le stockage
  • Connaissances de base en React et TypeScript

Installation

git clone https://github.com/remotion-dev/remotion-saas.git
cd remotion-saas
npm install

Configuration

Créez un fichier .env avec les variables suivantes :

REMOTION_AWS_ACCESS_KEY_ID=
REMOTION_AWS_SECRET_ACCESS_KEY=
REMOTION_S3_BUCKET_NAME=
REMOTION_API_PORT=3000

Utilisation

Démarrez le serveur :

npm run start

Documentation

Consultez la documentation officielle de Remotion pour plus de détails : remotion.dev/docs

Individual skills in this repo

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

remotion-dev/add-bug

Add a new Remotion bug entry to packages/bugs/api/[v].ts. Use when the user describes a bug and affected Remotion versions that should be surfaced through the bugs API.

remotion-dev/add-cli-option

Add a new Remotion CLI or config option by creating an AnyRemotionOption, registering CLI parsing, wiring config setters, and updating documentation. Use when adding or converting command-line flags or Remotion options.

remotion-dev/add-effect

Add a new effect to @remotion/effects, including implementation, package exports, docs, demos, preview images, Remotion skill updates, tests, formatting, and builds.

remotion-dev/add-expert

Add a new expert to the Remotion experts page

remotion-dev/add-new-package

Add a new package to the Remotion monorepo, including package scaffolding, monorepo registration, documentation, build scripts, tests, and release checklist updates. Use when creating a new @remotion package.

remotion-dev/add-sfx

Add a new sound effect to @remotion/sfx

remotion-dev/add-webcodecs-bug

Add a browser WebCodecs bug to the Remotion Mediabunny WebCodecs bugs docs page. Use when given a Chromium, WebKit, or Firefox issue URL that should be tracked in packages/docs/docs/mediabunny/webcodecs-bugs.mdx, especially when needing to look up the issue title, filing date, reporter, and resolution state before editing the MDX table.

remotion-dev/docs-demo

Add an interactive demo to the Remotion documentation. Use when creating a new <Demo> component for docs pages.

remotion-dev/homepage-video-assets

Use when rendering or replacing Remotion homepage creator strip videos, especially transparent Chrome WebM and Safari MP4 assets copied into both promo-pages and docs.

remotion-dev/make-pr

Open a pull request for the current feature

remotion-dev/remotion

Rebuild, install, and reload the private Remotion Canvas Capture unpacked Chrome extension. Use when the extension needs to be restored after a Codex worktree was deleted, rebuilt after source changes, moved to its durable install directory, or reloaded in Chrome or Chrome Canary.

remotion-dev/remotion-best-practices

Router for all Remotion skills

remotion-dev/remotion-captions

Transcribing, displaying and animating captions

remotion-dev/remotion-create

Create a new Remotion video

remotion-dev/remotion-docs

Search Remotion documentation

remotion-dev/remotion-interactivity

Structure Remotion markup for interactivity

remotion-dev/remotion-maps

Remotion Map animation knowledge

remotion-dev/remotion-markup

Content, animation and effects best practices

remotion-dev/remotion-multimedia

Interacting with Mediabunny

remotion-dev/remotion-render

Export a Remotion video

Skills associés