/remotion-saas

Build an app with Remotion

remotion-dev@remotion-dev

GitHub

From plugin

remotion-dev-skills

4.2k12 skills

Install

$ npx -y skills add remotion-dev/skills --skill remotion-saas --agent claude-code

How it fires

How this skill gets triggered: by you, by Claude, or both.

Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.
You can call itInvoke it directly when you want it.
Slash command/remotion-saas

Context preview

The summary Claude sees to decide when to auto-load this skill.

Build an app with Remotion

SKILL.md

remotion-saas.SKILL.md

name: remotion-saas
description: Build an app with Remotion
version: 4.0.507

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](framework.md) for help choosing a template or framework.

The `<Player>`

This component allows embedding a Remotion preview in a React app. See [Player](player.md) for more information about the Player.

Rendering

There are client-side and server-side rendering options available. See [Rendering](rendering.md) 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.

Read it on GitHub ↗

Ships withremotion-dev-skills

Remotion maintains a list of Agent Skills that define best practices for working in Remotion projects. These skills are useful for AI agents like Claude Code, Codex, Kimi Code or Cursor.

Get the whole plugin

Stats

TypeScript React Bash Markdown Anthropic

+1 tag

Bun

4,255

Stars

490

Forks

Active

Maintenance

TypeScript