About remotion-saas
remotion-saas is a skill for building Remotion-based video apps, from simple render forms to complex editors. It covers SaaS templates, embedding previews, and rendering choices.
Key features
- 01SaaS templates and framework guidance
- 02Embed Remotion previews in React apps
- 03Client-side and server-side rendering guidance
- 04Guidance for Vue, Angular, and Svelte
Use cases
- 01Selecting a starting point for a video SaaS
- 02Adding a Remotion preview to a React app
- 03Choosing a rendering approach
- 04Using Remotion with Vue, Angular, or Svelte
Install
Copy the command and run it in a terminal.
npx skills add https:/After installing, type/remotion-saasin Claude Code to confirm it loaded.
Bundled files
References and scripts installed along with SKILL.md.
framework.mdplayer.mdrendering.mdagents/openai.yamlassets/remotion-icon.svgDetails
From the project READMEOne 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.