Agent skill

Remotion Video

by openvetta in openvetta/open-vetta

Create, modify, and render Remotion React video projects in the current Vetta conversation workspace.

Apache-2.0Auto-check passedMedia & Creative

Install Remotion Video

skills CLI
$ npx skills add openvetta/open-vetta --skill remotion-video -a claude-code

Project install by default; add -g for ~/.claude/skills/.

GitHub CLI
$ gh skill install openvetta/open-vetta remotion-video --agent claude-code

Project scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).

Manual copy
$ git clone --depth 1 https://github.com/openvetta/open-vetta.git skills-src && mkdir -p .claude/skills && cp -r skills-src/packages/plugins/presets/remotion-renderer/agent/skills/remotion-video .claude/skills/remotion-video && rm -rf skills-src

Use ~/.claude/skills/ instead of .claude/skills for a personal install. The folder must contain SKILL.md.

Claude Code skills documentation · loads skills from .claude/skills/

Facts

Skill name
remotion-video
GitHub stars
290
Token cost
~744 tokens
SKILL.md length
279 words
Files
2
Skills in repo
21
Repo updated
First seen
Licence
Apache-2.0

At a glance

Create, modify, and render Remotion React video projects in the current Vetta conversation workspace.

  • Works in 6 steps: Inspect package.json, src/, public/, and… → If no project exists, create a standard… → Install dependencies with npm install.… → …
  • Requests to make programmatic videos
  • SKILL.md covers Workflow, New project baseline, Composition rules and Rendering
  • Calls npm

What it does

Remotion Video is an agent skill from openvetta/open-vetta. Create, modify, and render Remotion React video projects in the current Vetta conversation workspace. Use for requests to make programmatic videos, motion graphics, animated explainers, social videos, data videos, or to edit an existing Remotion composition and export it as MP4.

Its SKILL.md is about 740 tokens, which your agent loads only when the skill is triggered. The skill folder holds 2 other files (for example `agents/openai.yaml`).

It sits in Media & Creative, covering Video production and Motion graphics. It works with Remotion, React and npm. The repository describes itself as: Open-source, local-first AI agent for coding and real work. BYOK models, MCP, skills, plugins, workflows, and private knowledge bases. The licence is Apache-2.0.

When your agent uses it

  • Requests to make programmatic videos
  • Motion graphics
  • Animated explainers
  • Edit an existing Remotion composition and export it as MP4

Example prompts

  • “/remotion-video”

Requirements

  • Node.js

Workflow steps

6 steps, taken from the first numbered list in SKILL.md.

  1. Inspect package.json, src/, public/, and existing compositions before editing.
  2. If no project exists, create a standard TypeScript Remotion project directly in the workspace root.
  3. Install dependencies with npm install. Vetta Desktop guarantees managed Node and npm; do not assume Bun is available to the packaged app.
  4. Build or edit compositions using normal Remotion React APIs.
  5. Call render_remotion_video with the exact Composition id after the source is complete.
  6. Report the returned out/*.mp4 path. Do not claim the render succeeded unless the tool returns ok: true.

What it can do on your machine

Read from SKILL.md and the folder at commit b983179. It shows what the files ask for, not the result of running them.

  • Tool permissions

    Pre-approves nothing: there is no allowed-tools line, so your agent's usual permission prompts apply.

    From allowed-tools in the SKILL.md frontmatter.

  • Runs code

    Shell commands in SKILL.md call:

    • npm

    From the folder's file list and the shell code blocks in SKILL.md.

  • Network

    No URLs in SKILL.md. Its commands use npm, which can reach the network depending on how they are called.

    From URLs in SKILL.md, links to its own repository left out.

  • Credentials

    Names no API keys, tokens, secrets or passwords.

    From names ending in _API_KEY, _TOKEN, _SECRET, _KEY or _PASSWORD in SKILL.md.

Context cost

Remotion Video loads about 744 tokens when it runs. Until then it costs about 74 tokens; SKILL.md has 279 words of instructions outside code blocks.

Always · name and description, kept in context so the agent knows when to use it
~74
When it runs · the whole SKILL.md, loaded when a task matches
~744

Estimates: characters ÷ 4, the usual rule of thumb; real counts depend on the model's tokenizer. Scripts and assets cost tokens only if the agent reads them.

Safety

Auto-check passed

The automated check found no risky patterns in SKILL.md.

Automated static check — not a guarantee. Review scripts before installing. It scans the text of SKILL.md for risky patterns (piping downloads into a shell, reading credential files, hidden Unicode, destructive commands); files beside SKILL.md are not scanned.

SKILL.md

The full file from openvetta/open-vetta at commit b983179, republished under its Apache-2.0 licence (© openvetta). 279 words, ~744 tokens.

Download SKILL.mdSave it as .claude/skills/remotion-video/SKILL.md (or your agent's skills folder). This skill also uses 1 other file; get the full folder from GitHub.
name
remotion-video
description
Create, modify, and render Remotion React video projects in the current Vetta conversation workspace. Use for requests to make programmatic videos, motion graphics, animated explainers, social videos, data videos, or to edit an existing Remotion composition and export it as MP4.

Remotion Video

Treat the current workspace root as the Remotion project. Do not create another project directory inside it.

Workflow

  1. Inspect package.json, src/, public/, and existing compositions before editing.
  2. If no project exists, create a standard TypeScript Remotion project directly in the workspace root.
  3. Install dependencies with npm install. Vetta Desktop guarantees managed Node and npm; do not assume Bun is available to the packaged app.
  4. Build or edit compositions using normal Remotion React APIs.
  5. Call render_remotion_video with the exact Composition id after the source is complete.
  6. Report the returned out/*.mp4 path. Do not claim the render succeeded unless the tool returns ok: true.

New project baseline

Use exact matching Remotion versions. The supported baseline is 4.0.507:

json
{
  "name": "remotion-video",
  "private": true,
  "version": "0.1.0",
  "type": "module",
  "scripts": {
    "studio": "remotion studio src/index.ts",
    "render": "remotion render src/index.ts Main out/main.mp4"
  },
  "dependencies": {
    "@remotion/cli": "4.0.507",
    "react": "19.1.1",
    "react-dom": "19.1.1",
    "remotion": "4.0.507"
  },
  "devDependencies": {
    "@types/react": "^19.1.1",
    "@types/react-dom": "^19.1.1",
    "typescript": "^5.9.2"
  }
}

Create src/index.ts with registerRoot(), a root component that registers at least one <Composition>, composition modules under src/, public/ for media, and out/ for renders. Preserve an existing project's versions and structure instead of replacing them with this baseline.

Composition rules

  • Drive animation with useCurrentFrame(), interpolate(), spring(), <Sequence>, and other deterministic Remotion APIs.
  • Use staticFile() for files under public/.
  • Keep width, height, fps, and duration explicit on each Composition unless calculateMetadata() intentionally computes them.
  • Pass the same JSON props through the render tool that the Composition expects.
  • Keep remotion.config.ts when present. The renderer calls the project-local Remotion CLI, so normal CLI configuration and installed Remotion extensions continue to apply.
  • Install any additional package imported by the composition before rendering.

Rendering

Use:

text
render_remotion_video({
  compositionId: "Main",
  inputProps: {},
  outputName: "main.mp4"
})

entryPoint defaults to src/index.ts. The renderer writes only MP4/H.264 output in this version. Fix source, dependency, or Composition errors reported by the tool and retry; do not bypass the plugin by inventing a different render pipeline.

© openvetta, Apache-2.0. Rendered from Markdown: HTML in the file is shown as text, images as links, and headings moved down two levels. Raw file

Files

SKILL.md and 1 other file in packages/plugins/presets/remotion-renderer/agent/skills/remotion-video of openvetta/open-vetta.

  • SKILL.md
  • agents/openai.yaml

Open the folder on GitHubat commit b983179

Compare with similar skills

Remotion Video next to the 5 skills that share the most tags, products or categories with it. Stars are the repository's; “used in” counts other GitHub owners with a copy.

Remotion Video compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Remotion Video this skillopenvetta/open-vetta290—~744Automated safety check: PassApache-2.0
Remotion to HyperFrames Porterheygen-com/hyperframes60k3 repos~2.8kAutomated safety check: PassApache-2.0
Video TalkcraftVincentwei1021/video-talkcraft1.5k—~8.7kAutomated safety check: NotesCustom licence
Anything2explainerVincentwei1021/anything2explainer2.4k—~2.7kAutomated safety check: PassCustom licence
Remotion Motion Graphicshaidrrrry/claude-remotion-skill340—~2kAutomated safety check: PassMIT
Create Remotion GeistMarve10s/Better-Fullstack756—~1.4kAutomated safety check: PassMIT

Similar skills

  • Remotion to HyperFrames Porter

    heygen-com/hyperframes

    Ports an existing Remotion (React) composition to HyperFrames HTML with GSAP, one way, and grades the result against a tiered set of reference fixtures.

    60k GitHub starsUsed in 3 repos~2.8k tokens
    Media & CreativeAuto-check passed
  • Video Talkcraft

    Vincentwei1021/video-talkcraft

    终极口播视频 skill:中文口播稿 + 成品配音 → CPU 字级时间戳 → SHOTBOOK 层矩阵分镜 → Remotion 电影感成片(横屏默认/竖屏)。当用户要"做口播视频"、"解说/科普视频"、"把文案变成视频"、"给配音配画面动效"时使用。默认使用成品配音,可选 Fish Audio 从稿子合成配音与时间戳;数字人生成技术不在本 skill…

    1.5k GitHub stars~8.7k tokensUpdated 9 days ago
    Media & CreativeAuto-check: notes
  • Anything2explainer

    Vincentwei1021/anything2explainer

    给一个主题,产出一条黑底 MG 风格(幕底可选星点或点阵波)、有配音字幕章节进度条的科普讲解视频(中文或英文;Remotion 代码动画;时长由用户定,常用 3–5 分钟)。内含可编译模板、图元库、配音/分镜/渲染工具、风格与动效规范、多 agent 分工协议与 QC 判据,以及一条完整样片(《RAG 与知识库》)作为质量标尺。Turn any topic into a narrated…

    2.4k GitHub stars~2.7k tokensUpdated 22 days ago
    Media & CreativeAuto-check passed
  • Remotion Motion Graphics

    haidrrrry/claude-remotion-skill

    Create and edit professional motion graphics videos with Remotion (React-based video).

    340 GitHub stars~2k tokensUpdated 1 mo ago
    Media & CreativeAuto-check passed
  • Create Remotion Geist

    Marve10s/Better-Fullstack

    Create Remotion videos using the Geist design system aesthetic.

    756 GitHub stars~1.4k tokensUpdated yesterday
    Media & CreativeAuto-check passed
  • Remotion To Hyperframes

    chmonitor/chmonitor

    Port an existing Remotion (React) composition to HyperFrames HTML.

    300 GitHub starsUsed in 1 repo~2.5k tokens
    Media & CreativeAuto-check passed

More from openvetta/open-vetta

All 21 skills in this repo
  • Mobile Android Design

    openvetta/open-vetta

    Master Material Design 3 and Jetpack Compose patterns for building native Android apps.

    290 GitHub starsUsed in 3 repos~950 tokens
    Auto-check passed
  • Publish Ability

    openvetta/open-vetta

    Publish a skill, scene, MCP server, plugin, or bundle to the Vetta ability marketplace.

    290 GitHub stars~1.6k tokensUpdated yesterday
    Auto-check passed
  • Plugin Workbench

    openvetta/open-vetta

    Create, implement, build, pack, install, reload, and manage Vetta desktop plugins for non-developers.

    290 GitHub stars~1.9k tokensUpdated yesterday
    Auto-check passed
  • Create Skill

    openvetta/open-vetta

    Create or update Vetta-compatible Agent Skills. An agent skill from openvetta/open-vetta.

    290 GitHub stars~1.6k tokensUpdated yesterday
    Auto-check passed
  • Mobile UI Design

    openvetta/open-vetta

    Design mobile-style HTML pages (iOS / Android) for preview in the Mobile UI Preview panel.

    290 GitHub stars~1.6k tokensUpdated yesterday
    Auto-check passed
  • Vetta UI Design

    openvetta/open-vetta

    Build and edit design documents (.vetd) on the Vetta design canvas — app screens, landing pages, slides, posters, infographics.

    290 GitHub stars~7.3k tokensUpdated yesterday
    Auto-check passed

Questions about Remotion Video

What does Remotion Video do?

Create, modify, and render Remotion React video projects in the current Vetta conversation workspace. Remotion Video is an agent skill from openvetta/open-vetta. Create, modify, and render Remotion React video projects in the current Vetta conversation workspace.

When should I use Remotion Video?

Remotion Video fits situations like: requests to make programmatic videos; motion graphics; animated explainers; edit an existing Remotion composition and export it as MP4.

How do I install Remotion Video in Claude Code?

Run `npx skills add openvetta/open-vetta --skill remotion-video -a claude-code`. Or copy the skill folder (packages/plugins/presets/remotion-renderer/agent/skills/remotion-video in openvetta/open-vetta) into .claude/skills/remotion-video in your project. Claude Code loads it when a task matches its description.

How do I install Remotion Video in Codex?

Run `npx skills add openvetta/open-vetta --skill remotion-video -a codex`. Or copy the skill folder (packages/plugins/presets/remotion-renderer/agent/skills/remotion-video in openvetta/open-vetta) into .agents/skills/remotion-video in your project. Codex loads it when a task matches its description.

Can I use Remotion Video in Cursor, Gemini CLI or GitHub Copilot?

Cursor, Gemini CLI, GitHub Copilot and OpenCode also load SKILL.md folders. With the skills CLI, run `npx skills add openvetta/open-vetta --skill remotion-video -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/remotion-video, .gemini/skills/remotion-video, .github/skills/remotion-video and .opencode/skills/remotion-video in your project.

What does Remotion Video need to run?

Going by SKILL.md and its folder, Remotion Video needs the command-line tools its instructions call (npm). Our summary lists: Node.js.

Does Remotion Video access the network?

SKILL.md contains no URLs. Its commands use npm, which can reach the network depending on how they are called. This is read from the text; nothing was executed.

Is Remotion Video safe to install?

Our automated static check of SKILL.md found no risky patterns, such as piping downloads into a shell, reading credential files or hidden Unicode. It is not a guarantee. Review the folder before installing.

What licence does Remotion Video use?

Remotion Video is published under the Apache-2.0 licence (the repository's licence). It allows redistribution, so the full SKILL.md is shown on this page.

How many tokens does Remotion Video use?

About 744 tokens (SKILL.md is roughly 3k characters). Agents keep only the skill's name and description in context until a task matches; then they load SKILL.md in full.

What are the alternatives to Remotion Video?

Skills that share tags, products or a category with Remotion Video: Remotion to HyperFrames Porter (heygen-com/hyperframes, 60k stars), Video Talkcraft (Vincentwei1021/video-talkcraft, 1.5k stars), Anything2explainer (Vincentwei1021/anything2explainer, 2.4k stars) and Remotion Motion Graphics (haidrrrry/claude-remotion-skill, 340 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Remotion Video?

openvetta (a GitHub organization) maintains it in openvetta/open-vetta, which has 290 GitHub stars. The repository holds 21 skills in this directory. The repository was last updated on October 9, 2026.

Source: openvetta/open-vetta on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.