remotion-saas Skill: Build an App Around Remotion Video

Helps your agent build a web app around Remotion, from a simple form that triggers a render to a full video editor.

Installs: 238.9K; on skills.sh
Stars: 6K; on GitHub
Files: 5; besides SKILL.md
Updated: Oct 2026; last repo commit

The skill is a short index with six sections: templates, the <Player>, rendering, and links for Vue, Angular and Svelte. It points the agent to ready-made templates (framework.md), shows how to embed the <Player> preview in a React app (player.md), and gives rendering advice for Node.js, Lambda, Vercel and other server-side options (rendering.md). The Vue, Angular and Svelte sections only link to the Remotion docs.

It triggers when you ask the agent to build an app that uses Remotion. Its rendering guide includes a nine-step Remotion Lambda setup on AWS, so have an AWS account ready if you pick that route.

Good for

Developers adding video generation to a SaaS or internal tool
Teams choosing between Lambda, Vercel, Node.js or Cloudflare rendering
Vue, Angular or Svelte developers using Remotion

Install remotion-saas

Claude Code

Copy this prompt.

Install the remotion-saas skill in Claude Code. Run this command:

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

Then check that it loaded and tell me how to use it.

2
Paste it into Claude Code. It shows the change and asks before running it.

Requires Node.js.

From its listing on skills.sh. Source.

What's in the skill

When it loads

Build an app with Remotion

Sections in SKILL.md

Choosing a template or a framework
The <Player>
Rendering
With Vue
Angular
Svelte

Key facts

Author: Remotion (remotion-dev), the maker of Remotion
Installs on skills.sh: 238,938 (Nov 2, 2026)
GitHub stars: 6,037 for the remotion-dev/skills repo (Nov 2, 2026)
Last repo commit: Oct 26, 2026
What installs: SKILL.md plus 3 guides (framework, player, rendering), a Codex metadata file and an icon (5 files)
Needs: A React or Vue/Angular/Svelte project; AWS account only for the Lambda route; reads Remotion docs online

What it includes

Lists 4 templates: Next.js, Vercel Sandbox, React Router 7, Express render server
Each template comes with a default rendering choice. They can be cloned or used as a reference. For an existing app it points to the Remotion brownfield install docs.
Network · Choosing a framework (framework.md)
Embeds a live Remotion preview in a React app with @remotion/player
Shows a sample Player with composition size, fps and controls, and how to keep props in sync when metadata is dynamic.
The Player (player.md)
Compares Node.js, Lambda, Vercel and Cloudflare rendering
Recommends `npx remotion render` or the Studio for one-off renders. For apps it covers server-side rendering options and a step list for Remotion Lambda.
Runs code · Rendering (rendering.md)
Nine steps from AWS account check to first render
Installs @remotion/lambda, creates IAM roles and keys, stores them in .env, validates policies, deploys the function and site, checks quotas, then triggers a render. It says never to paste secrets into chat.
Runs code · Lambda setup walkthrough
Points to the Remotion docs page for each framework
The skill holds no framework steps itself, only links.
Network · Vue, Angular and Svelte links

From the official docs

Permissions

Medium risk

Following the Lambda route can create AWS users, keys and billable resources. Review each command before you approve it and use a dedicated AWS user.

What it can do

Read your data
Create and change things
Delete things
Read-only mode

Watch out for

The Lambda route creates AWS roles, users and keys
Review each command before you approve it. Use a dedicated AWS account or user and set billing alerts. github.com
Credentials go in .env, not in chat
The skill tells the agent to keep AWS keys in a .env file. Keep that file out of git.

Technical details

Talks to	remotion.dev docs. AWS (Lambda route only)

Questions

How do I install remotion-saas?

Use the install box above. The Remotion README also lists npx skills add remotion-dev/skills for the whole set and a GitHub CLI route. The remotion-best-practices skill covers all the others if you are unsure which one to pick.

Does it work in Claude Code, Claude app or Codex?

The Remotion README says its skills are for agents like Claude Code, Codex, Kimi Code and Cursor. It does not document the Claude app. This skill also ships a small Codex display file.

What does remotion-saas do?

It guides an agent through building an app on Remotion: pick a template, embed the Player, and choose how to render videos. It is advice and links, with no scripts of its own.

Does it need an API key or AWS account?

Only for the Lambda route. The rendering guide has the agent walk you through creating AWS keys and storing them in a .env file, and tells it not to ask you to paste secrets into chat.

Is it safe?

The skill folder bundles no scripts, only guides, a Codex metadata file and an icon. The Lambda walkthrough has the agent run commands that create AWS roles, an IAM user and an access key, and AWS usage can cost money, so review each command before you approve it. It also tells the agent to keep AWS keys in a .env file and never ask you to paste secrets into chat.

How is it different from remotion-best-practices?

The README says remotion-best-practices covers all the other Remotion skills. remotion-saas is the narrow one for app building. Install it alone if that is all you need.

Information

updated Nov 2, 2026

Repository: remotion-dev/skills
Folder: skills/remotion-saas

remotion-dev/skills skills.sh

Sources

Docs, issue trackers and discussions this page is built from.

Show all 5

remotion-dev/skills remotion-saas SKILL.md · github.com
remotion-saas framework.md · github.com
remotion-saas player.md · github.com
remotion-saas rendering.md · github.com
remotion-dev/skills README · github.com