mcpField
R
remotion-saas

remotion-saas

github.com/guanyangDevelopment984172 installsUpdated 2d ago
Repository

About remotion-saas

A skill covering ways to build apps with Remotion, from simple forms connected to rendering to complex video editors. It describes embedding previews in React and notes rendering choices and documentation for Vue, Angular, and Svelte.

Key features

  1. 01Build apps around Remotion rendering
  2. 02Embed Remotion previews in React
  3. 03Choose client-side or server-side rendering
  4. 04References for Vue, Angular, and Svelte

Use cases

  1. 01Build a form that starts a render
  2. 02Develop an app with a 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/guanyang/open-agent-hub --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