Remotion Saas

Build an app with Remotion

1 minute · 152 words · 6 sections

Install

$ npx skills add remotion-dev/skills --skill remotion-saas

$ npx skills add remotion-dev/skills

The first command installs just this skill, by the name in its SKILL.md; the second installs the whole repository.

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 (opens in a new tab) for help choosing a template or framework.

The `<Player>`

This component allows embedding a Remotion preview in a React app. See Player (opens in a new tab) for more information about the Player.

Rendering

There are client-side and server-side rendering options available. See Rendering (opens in a new tab) 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 (opens in a new tab) for how to use Remotion with Vue.

Angular

See https://www.remotion.dev/docs/angular.md (opens in a new tab) for how to use Remotion with Angular.

Svelte

See https://www.remotion.dev/docs/svelte.md (opens in a new tab) for how to use Remotion with Svelte.

Colophon for this issue

Colophon

How this issue was made

Source: github.com/remotion-dev/skills, branch main, last pushed 24 September 2026.
Licence: All rights reserved — view on GitHub — with no detectable licence, this issue links rather than republishes: the skills are omitted from the agent manifest and from the whole-book markdown.
Discovery: 12 skills found by walking the repository tree for SKILL.md, not by matching a directory convention. One layout observed: skills/*/SKILL.md.
Issue colours: Resolved from a curated brand profile — hue 254°, chroma 0.190. Two accent tones are generated per issue and each is proven against its own ground before it ships: a single accent that passes AA on both light and dark paper is arithmetically impossible.
Heading repairs: None needed in this skill: the outline was already valid.
Spec compliance: Every skill satisfies the Agent Skills specification’s frontmatter rules.
Images: Images inside a skill come from the upstream repository. Where the author gave no alternative text we mark the image decorative rather than inventing a description — a plausible caption we made up is worse than none for the reader who depends on it.
Signal: Install counts come from skills.sh. They measure downloads, not quality, and an unranked repository is not an unread one.
Agent surfaces: The whole issue is available as one markdown document at /remotion-dev/skills.md, and each skill at its own .md URL.
Publication: Set by Skills Docs from the source repository. Body text is Literata at the reader’s chosen size and measure; code is Geist Mono. Nothing on this page was written by us except this paragraph.

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.

Remotion Saas

Choosing a template or a framework

The `<Player>`

Rendering

With Vue

Angular

Svelte

Colophon

Remotion Saas

Choosing a template or a framework

The `<Player>`

Rendering

With Vue

Angular

Svelte

Appendix 10.1–10.5

AssetsSVG · 1 file

Also bundled4 files

Colophon

Appendix 10.1–10.5

AssetsSVG · 1 file

Also bundled4 files