mcpField
R
remotion-saas

remotion-saas

github.com/remotion-devDevelopment5.8k215.5k installsUpdated 2d ago
Repository

About remotion-saas

A skill for building applications with Remotion, from simple forms that trigger renders to complex video editors. It covers embedding previews and choosing client-side or server-side rendering options.

Key features

  1. 01Build Remotion-powered apps
  2. 02Embed previews in React apps
  3. 03Choose rendering approaches
  4. 04Find framework guidance

Use cases

  1. 01Create a form-driven video render app
  2. 02Build a browser-based video editor
  3. 03Add a Remotion preview to a React app

Install

Copy the command and run it in a terminal.

$npx skills add https://github.com/remotion-dev/skills --skill remotion-saas

After installing, type/remotion-saasin Claude Code to confirm it loaded.

Bundled files

References and scripts installed along with SKILL.md.

framework.md
player.md
rendering.md
agents/
openai.yaml
assets/
remotion-icon.svg

Details

From the project README

One can build apps with Remotion.
It is possible to have a simple form and hook it up to a render, or have a complex video editor.

Choosing a template or a framework

We have several templates for SaaS which can be cloned or used as a reference. See Choosing a framework for help choosing a template or framework.

The <Player>

This component allows embedding a Remotion preview in a React app. See Player for more information about the Player.

Rendering

There are client-side and server-side rendering options available. See Rendering for advice on how to choose, and about the Lambda, Vercel, Node.js and Cloudflare options.

With Vue

See https://www.remotion.dev/docs/vue.md for how to use Remotion with Vue.

Angular

See https://www.remotion.dev/docs/angular.md for how to use Remotion with Angular.

Svelte

See https://www.remotion.dev/docs/svelte.md for how to use Remotion with Svelte.

Comments

Markdown supported