guanyang/remotion-saas
skills/remotion-best-practices/remotion-saas/SKILL.md
Building video apps with Remotion - framework, rendering and Player advice
$ install --global
skillsauthnpx skillsauth add guanyang/antigravity-skills remotion-saasInstall this skill globally with one command. Works with Claude Code, Cursor, and Windsurf.
Security Scan Results
3 of 9 scanners reported clean
Some scanners were skipped, did not run, or reported a non-clean status. Review each row below.
3
Scanners Passed
9
Scanners in report
Clean
TrivyContainer and dependency vulnerability scanner
95%
Clean
SemgrepStatic code analysis for vulnerabilities
95%
Clean
mcp-scan (Snyk)Model Context Protocol security validation
95%
Skipped
Snyk (dep)Open source security scanning
50%
Skipped
Socket.devSupply chain security analysis
50%
Skipped
VirusTotalMulti-engine malware detection
50%
Skipped
CrowdStrikeAdvanced threat intelligence
50%
Skipped
OSV-ScannerOpen Source Vulnerability database check
50%
Skipped
OWASP Dep-Check
50%
Last scanned: Jul 21, 2026, 2:03 AM64.8s5 files scanned
SKILL.md
- name:
- remotion-saas
- description:
- Building video apps with Remotion - framework, rendering and Player advice
- tags:
- remotion, saas, player, rendering, templates, lambda
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.
Related Skills
guanyang/claude-api
tools
VerifiedTrustedCommunity
Reference for the Claude API / Anthropic SDK — model ids, pricing, params, streaming, tool use, MCP, agents, caching, token counting, model migration. TRIGGER — read BEFORE opening the target file; don't skip because it "looks like a one-liner" — whenever: the prompt names Claude/Anthropic in any form (Claude, Anthropic, Fable, Opus, Sonnet, Haiku, `anthropic`, `@anthropic-ai`, `claude-*`, `us.anthropic.*`, `[1m]`); the user asks about an LLM (pricing/model choice/limits/caching) — never answer from memory; OR the task is LLM-shaped with provider unstated (agent/MCP/tool-definition/multi-agent/RAG/LLM-judge/computer-use; generate/summarize/extract/classify/rewrite/converse over NL; debugging refusals/cutoffs/streaming/tool-calls/tokens). SKIP only when another provider is being worked on (overrides all triggers): OpenAI/GPT/Gemini/Llama/Mistral/Cohere/Ollama named in the query; OR `grep -rE 'openai|langchain_openai|google.generativeai|genai|mistralai|cohere|ollama'` over the project hits (run this grep FIRST if no provider named — don't Read the file).
935SKILL.mdUpdated Apr 5, 2026
guanyang/remotion-upgrade
data-ai
VerifiedTrustedCommunity
Upgrade Remotion, its related packages, compatible Mediabunny packages, and installed Remotion Agent Skills. Use when asked to upgrade or update a Remotion project.
934SKILL.mdUpdated Jul 21, 2026
guanyang/remotion-docs
documentation
VerifiedTrustedCommunity
Search and fetch Remotion documentation pages
934SKILL.mdUpdated Jul 18, 2026
guanyang/remotion-best-practices
tools
VerifiedTrustedCommunity
Best practices for Remotion
934SKILL.mdUpdated Jul 14, 2026