Agent Native

remotion-saas

This skill helps build video generation applications using Remotion, a React framework for programmatic video creation.

by RemotionOfficial publisherNot reviewed

Identity proven by GitHub's verified organisation badge (remotion-dev)

Agents
Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode
License
License unclear
Pin
a6d662fpinned Oct 9, 2026
Context cost
about 240 tokenswhen the skill loads
GitHub stars
62,546on remotion-dev/remotion
Scripts
None found

What it does

“Build an app with Remotion”
The author's description, from SKILL.md

Generated summary from the skill's own text

This skill helps build video generation applications using Remotion, a React framework for programmatic video creation. It provides templates, guidance on choosing frameworks, and rendering options including client-side and server-side approaches with Lambda, Vercel, Node.js, or Cloudflare.

When to use it

  • Building SaaS applications that generate or render videos programmatically
  • Creating video editors or tools with React components
  • Embedding video previews in web applications using the Player component
  • Rendering videos on servers or via cloud platforms

When not to

  • Building non-video applications without programmatic video needs
  • Projects requiring real-time video streaming or live broadcast
  • Applications using non-React frameworks without a wrapper layer

Install

Restricted license: install from the publisher's repository and read its terms.

These commands install from the publisher's repository and need no account.

skills CLI

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

Installs from the repository's default branch, which may have changed since the commit we checked.

GitHub CLI 2.90 or later

gh skill install remotion-dev/remotion remotion-saas@a6d662f16c9d21a34c41ee5afba9f3908125988c

Installs the commit we checked (a6d662f).

Copy by hand

Download the folder at a6d662f and put it in .claude/skills/remotion-saas for Claude Code and in .agents/skills/remotion-saas for Codex, Cursor, Gemini CLI, GitHub Copilot and OpenCode.

Skill folder on GitHub at a6d662f

Copy for your agent

A prompt for any coding agent. It installs this skill from GitHub at the pinned commit, copies the files as they are, and runs nothing unless you ask.

Prompt

Install the agent skill "remotion-saas" by Remotion.

Source, pinned to commit a6d662f16c9d21a34c41ee5afba9f3908125988c:
https://github.com/remotion-dev/remotion/tree/a6d662f16c9d21a34c41ee5afba9f3908125988c/packages/codex-plugin/skills/remotion-saas

1. Download that folder at exactly this commit. Do not use the default branch.
2. Copy every file unchanged, keeping the folder structure, into .claude/skills/remotion-saas/ for Claude Code and .agents/skills/remotion-saas/ for Codex, Cursor, Gemini CLI, GitHub Copilot and OpenCode. Create the folders if they do not exist.
3. Do not edit the files, and do not run any script in the folder unless I ask you to.
4. When you are done, list the files you copied and where you put them.

Its license is restricted or not stated. Show me the license terms from the repository before you copy anything.

Listing and checks: https://www.agentnative.dev/skills/remotion/remotion-saas-remotion

SKILL.md at the pin

The license of this skill does not let us show its files here.

View SKILL.md on GitHub at a6d662f

Files

6 files, 7.8 KB in total. Each file has a sha256 in the pin's manifest; the first 12 characters are shown.

Skill folder on GitHub at a6d662f
All 34 skills from Remotion

More from Remotion

  • remotion-best-practices

    This skill routes the agent through Remotion's specialized knowledge bases for video creation, editing, and deployment.

    Contains scripts

    Claude Code, Codex, Cursor +3 · about 920 tokens · pinned 6 days ago

  • remotion-best-practices

    This skill routes the agent to specialized Remotion sub-skills based on the user's task, covering video creation, project setup, React markup, maps…

    Claude Code, Codex, Cursor +3 · about 1K tokens · pinned 6 days ago

  • remotion-captions

    This skill enables video caption workflows including transcribing audio to generate captions, displaying captions in videos, and importing captions from SRT…

    Claude Code, Codex, Cursor +3 · about 220 tokens · pinned 6 days ago

  • remotion-captions

    This skill enables the agent to work with captions in Remotion videos by transcribing audio to generate captions, displaying them in videos, and importing…

    Claude Code, Codex, Cursor +3 · about 270 tokens · pinned 6 days ago

  • remotion-create

    This skill scaffolds a new Remotion video project, opens the browser-based Studio for live preview, and guides composition development using React markup.

    Claude Code, Codex, Cursor +3 · about 680 tokens · pinned 6 days ago

  • remotion-create

    This skill guides agents through creating a new Remotion video project by scaffolding a starter template, setting up dependencies, and establishing a React…

    Claude Code, Codex, Cursor +3 · about 730 tokens · pinned 6 days ago

All Frontend and design skills

Related in Frontend and design

  • stitch::extract-design-md

    Extracts a comprehensive design system document (DESIGN.md) by analyzing frontend source code including component files, stylesheets, Tailwind configs, and…

    by GoogleOfficial publisher

    Claude Code, Codex, Cursor +4 · about 3.3K tokens · pinned 6 days ago

  • mapbox-web-integration-patterns

    Provides production-ready integration patterns for Mapbox GL JS v3.x across React, Vue, Svelte, Angular, Next.js, and vanilla JavaScript.

    by MapboxOfficial publisher

    Claude Code, Codex, Cursor +4 · about 3.1K tokens · pinned 6 days ago

  • stitch::code-to-design

    This skill converts existing frontend code (React, Vue, Angular, etc.) into a Stitch Design by extracting HTML, analyzing design systems, and uploading both…

    by GoogleOfficial publisher

    Claude Code, Codex, Cursor +4 · about 760 tokens · pinned 6 days ago

  • create-site

    Guides users through building a complete Power Pages code site using React, Angular, Vue, or Astro, from initial requirements discovery through deployment.

    by MicrosoftOfficial publisher

    Contains scripts

    Claude Code · about 29.1K tokens · pinned 6 days ago

  • portable-text-serialization

    This skill enables rendering Portable Text content across multiple frameworks and output formats using the @portabletext library family.

    by SanityOfficial publisher

    Claude Code, Codex, Cursor +4 · about 940 tokens · pinned 6 days ago

  • crxjs

    CRXJS is a Vite plugin for Chrome extension development that provides true hot-module reloading for popups, options pages, content scripts, and side panels.

    by samberCommunity

    Claude Code · about 2.3K tokens · pinned 6 days ago

The skills listed here are third-party software, collected from public GitHub repositories as a catalog of recent skills and provided as is. Agent Native does not write or control them and is not responsible for any harm, loss or damage caused by installing or using them. Labels and checks describe what we saw at one commit and are not a guarantee. Read a skill's files before you run it. Terms of use