AgentHubAgentHub

Remotion Video Toolkit Skill Install & Guide

SkillClawHub

io.clawhub.shreefentsar/remotion-video-toolkit · v1.4.0

Complete toolkit for programmatic video creation with Remotion + React. Covers animations, timing, rendering (CLI/Node.js/Lambda/Cloud Run), captions, 3D, charts, text effects, transitions, and media handling. Use when writing Remotion code, building video generation pipelines, or creating data-driven video templates.

Copy the install config on this page first, then verify docs and permissions upstream.

Popularity

Stars80
Downloads23.1k
Installs726

Overview

Complete toolkit for programmatic video creation with Remotion + React. Covers animations, timing, rendering (CLI/Node.js/Lambda/Cloud Run), captions, 3D, charts, text effects, transitions, and media handling. Use when writing Remotion code, building video generation pipelines, or creating data-driven video templates. Remotion Video Toolkit is a Agent Skill listed from ClawHub. This page includes an overview, setup tutorial, install commands, and use cases for Trae, Tongyi Lingma, Cursor, Claude Code, and VS Code.

AgentHub Verified AvailabilityTested & Ready

Automated pipeline validated install commands, protocol & client compatibility

Verified At2026-09-30
Install Snippets TestedCLI & JSON config syntax verified
Protocol Handshake ReadyComplies with JSON-RPC 2.0 specifications
Origin Registry ActiveSourced from clawhub
Verified Clientsopenclaw、Claude Code、Claude Desktop 等
Security Tier: A+ 级 · 零权限本地沙盒 (A+)·Scanned for high-risk vulnerabilities. Recommended to run with project-scoped permissions.

Send this prompt to your AI to install the Skill

Recommended
Target client (auto-optimizes prompt):
PROMPT >

Follow the install guide at https://myagenthub.cn/install/skill.md?lang=en to automatically detect the current IDE and install the skill "shreefentsar/remotion-video-toolkit" without asking, and tell me how to verify it afterwards.

💡Paste into your AI coding assistant (Cursor, Trae, Claude Code) — the agent will handle download and configuration automatically.

Copy by platformAlternative

Choose your platform

Choose install method

Click to copy snippet
# 改 --ai 切换客户端:trae | lingma | workbuddy | kimi | qwen | cursor | claude-code | windsurf | cline | vscode | codex | openclaw
curl -fsSL "https://myagenthub.cn/cli/agenthub-skill.mjs" | node --input-type=module - init shreefentsar/remotion-video-toolkit --ai cursor -y

Setup tutorial

  1. Open the Remotion Video Toolkit page and confirm the source is ClawHub.
  2. Copy the install command for Trae, Lingma, Cursor, Claude Code, or universal CLI.
  3. Run it, or place SKILL.md under .trae/skills/, .lingma/skills/, or .cursor/skills/.
  4. Reload the client, then describe your task so the agent can match this skill.

Install commands

Install commands and setup steps are in the HTML so search engines and no-JS browsers can read them without running client JavaScript.

Universal — Skills CLI (recommended)

AgentHub CLI (change --ai)

# 改 --ai 切换客户端:trae | lingma | workbuddy | kimi | qwen | cursor | claude-code | windsurf | cline | vscode | codex | openclaw
curl -fsSL "https://myagenthub.cn/cli/agenthub-skill.mjs" | node --input-type=module - init shreefentsar/remotion-video-toolkit --ai cursor -y

One-click API download

# 手动下载(Cursor 项目级示例)
mkdir -p .cursor/skills/remotion-video-toolkit
curl -sL "https://clawhub.ai/api/v1/download?slug=remotion-video-toolkit&version=1.4.0" -o /tmp/remotion-video-toolkit.zip
unzip -o /tmp/remotion-video-toolkit.zip -d .cursor/skills/remotion-video-toolkit

Cursor

AgentHub CLI (change --ai)

curl -fsSL "https://myagenthub.cn/cli/agenthub-skill.mjs" | node --input-type=module - init shreefentsar/remotion-video-toolkit --ai cursor -y

One-click API download

mkdir -p .cursor/skills/remotion-video-toolkit
curl -sL "https://clawhub.ai/api/v1/download?slug=remotion-video-toolkit&version=1.4.0" -o /tmp/remotion-video-toolkit.zip
unzip -o /tmp/remotion-video-toolkit.zip -d .cursor/skills/remotion-video-toolkit

ClawHub CLI, then copy

# 在项目根目录执行 install
clawhub install shreefentsar/remotion-video-toolkit
mkdir -p .cursor/skills/remotion-video-toolkit
cp -R ./skills/remotion-video-toolkit/. .cursor/skills/remotion-video-toolkit/

# 源:./skills/remotion-video-toolkit/SKILL.md
# 目标:.cursor/skills/remotion-video-toolkit/SKILL.md

Trae (ByteDance)

  1. Trae natively supports Skill specs: project-level in .trae/skills/<name>/, global in ~/.trae/skills/
  2. Copy and run the command in your project terminal to download SKILL.md
  3. Reload Trae window, then describe your task in AI chat to activate automatically

AgentHub CLI (change --ai)

curl -fsSL "https://myagenthub.cn/cli/agenthub-skill.mjs" | node --input-type=module - init shreefentsar/remotion-video-toolkit --ai trae -y

One-click API download

mkdir -p .trae/skills/remotion-video-toolkit
curl -sL "https://clawhub.ai/api/v1/download?slug=remotion-video-toolkit&version=1.4.0" -o /tmp/remotion-video-toolkit.zip
unzip -o /tmp/remotion-video-toolkit.zip -d .trae/skills/remotion-video-toolkit

User directory

mkdir -p ~/.trae/skills/remotion-video-toolkit
curl -sL "https://clawhub.ai/api/v1/download?slug=remotion-video-toolkit&version=1.4.0" -o /tmp/remotion-video-toolkit.zip
unzip -o /tmp/remotion-video-toolkit.zip -d ~/.trae/skills/remotion-video-toolkit

Tongyi Lingma (Alibaba)

  1. Tongyi Lingma supports skills in project .lingma/skills/<name>/ or global ~/.lingma/skills/
  2. Run the command to install SKILL.md
  3. In Lingma Agent mode, prompt your task and the skill will be automatically loaded

AgentHub CLI (change --ai)

curl -fsSL "https://myagenthub.cn/cli/agenthub-skill.mjs" | node --input-type=module - init shreefentsar/remotion-video-toolkit --ai lingma -y

One-click API download

mkdir -p .lingma/skills/remotion-video-toolkit
curl -sL "https://clawhub.ai/api/v1/download?slug=remotion-video-toolkit&version=1.4.0" -o /tmp/remotion-video-toolkit.zip
unzip -o /tmp/remotion-video-toolkit.zip -d .lingma/skills/remotion-video-toolkit

User directory

mkdir -p ~/.lingma/skills/remotion-video-toolkit
curl -sL "https://clawhub.ai/api/v1/download?slug=remotion-video-toolkit&version=1.4.0" -o /tmp/remotion-video-toolkit.zip
unzip -o /tmp/remotion-video-toolkit.zip -d ~/.lingma/skills/remotion-video-toolkit

WorkBuddy / CodeBuddy (Tencent)

  1. WorkBuddy reads skills only from .workbuddy/skills/<name>/ (user-level ~/.workbuddy/skills/); .codebuddy/skills/ belongs to CodeBuddy
  2. The Skills CLI command installs with -a codebuddy and appends a copy step into .workbuddy/skills
  3. AgentHub CLI (--ai workbuddy) syncs it for you; reload the chat panel so the skill gets indexed

AgentHub CLI (change --ai)

curl -fsSL "https://myagenthub.cn/cli/agenthub-skill.mjs" | node --input-type=module - init shreefentsar/remotion-video-toolkit --ai workbuddy -y

One-click API download

mkdir -p .workbuddy/skills/remotion-video-toolkit
curl -sL "https://clawhub.ai/api/v1/download?slug=remotion-video-toolkit&version=1.4.0" -o /tmp/remotion-video-toolkit.zip
unzip -o /tmp/remotion-video-toolkit.zip -d .workbuddy/skills/remotion-video-toolkit

User directory

mkdir -p ~/.workbuddy/skills/remotion-video-toolkit
curl -sL "https://clawhub.ai/api/v1/download?slug=remotion-video-toolkit&version=1.4.0" -o /tmp/remotion-video-toolkit.zip
unzip -o /tmp/remotion-video-toolkit.zip -d ~/.workbuddy/skills/remotion-video-toolkit

Claude Code

AgentHub CLI (change --ai)

curl -fsSL "https://myagenthub.cn/cli/agenthub-skill.mjs" | node --input-type=module - init shreefentsar/remotion-video-toolkit --ai claude-code --global -y

One-click API download

mkdir -p ~/.claude/skills/remotion-video-toolkit
curl -sL "https://clawhub.ai/api/v1/download?slug=remotion-video-toolkit&version=1.4.0" -o /tmp/remotion-video-toolkit.zip
unzip -o /tmp/remotion-video-toolkit.zip -d ~/.claude/skills/remotion-video-toolkit

ClawHub CLI, then copy

clawhub install shreefentsar/remotion-video-toolkit
mkdir -p ~/.claude/skills/remotion-video-toolkit
cp -R ./skills/remotion-video-toolkit/. ~/.claude/skills/remotion-video-toolkit/

# 源:./skills/remotion-video-toolkit/SKILL.md
# 目标:~/.claude/skills/remotion-video-toolkit/SKILL.md
# https://clawhub.ai/shreefentsar/remotion-video-toolkit

Kimi Code (Moonshot AI)

  1. Kimi Code supports standard Agent Skills: project-level in .agents/skills/<name>/, global in ~/.agents/skills/
  2. Run the command to install
  3. In Kimi Code CLI, describe your task to trigger the skill

AgentHub CLI (change --ai)

curl -fsSL "https://myagenthub.cn/cli/agenthub-skill.mjs" | node --input-type=module - init shreefentsar/remotion-video-toolkit --ai kimi -y

One-click API download

mkdir -p .agents/skills/remotion-video-toolkit
curl -sL "https://clawhub.ai/api/v1/download?slug=remotion-video-toolkit&version=1.4.0" -o /tmp/remotion-video-toolkit.zip
unzip -o /tmp/remotion-video-toolkit.zip -d .agents/skills/remotion-video-toolkit

User directory

mkdir -p ~/.agents/skills/remotion-video-toolkit
curl -sL "https://clawhub.ai/api/v1/download?slug=remotion-video-toolkit&version=1.4.0" -o /tmp/remotion-video-toolkit.zip
unzip -o /tmp/remotion-video-toolkit.zip -d ~/.agents/skills/remotion-video-toolkit

Qwen Code (Alibaba)

  1. Qwen Code supports project .qwen/skills/<name>/ and global ~/.qwen/skills/
  2. Run the command to deploy SKILL.md
  3. Prompt the agent to trigger the skill

AgentHub CLI (change --ai)

curl -fsSL "https://myagenthub.cn/cli/agenthub-skill.mjs" | node --input-type=module - init shreefentsar/remotion-video-toolkit --ai qwen -y

One-click API download

mkdir -p .qwen/skills/remotion-video-toolkit
curl -sL "https://clawhub.ai/api/v1/download?slug=remotion-video-toolkit&version=1.4.0" -o /tmp/remotion-video-toolkit.zip
unzip -o /tmp/remotion-video-toolkit.zip -d .qwen/skills/remotion-video-toolkit

User directory

mkdir -p ~/.qwen/skills/remotion-video-toolkit
curl -sL "https://clawhub.ai/api/v1/download?slug=remotion-video-toolkit&version=1.4.0" -o /tmp/remotion-video-toolkit.zip
unzip -o /tmp/remotion-video-toolkit.zip -d ~/.qwen/skills/remotion-video-toolkit

Windsurf

  1. Windsurf supports project-level .windsurf/skills/<name>/ or global ~/.codeium/windsurf/skills/
  2. Run the install command and refresh Cascade
  3. Cascade will auto-activate the skill based on its description

AgentHub CLI (change --ai)

curl -fsSL "https://myagenthub.cn/cli/agenthub-skill.mjs" | node --input-type=module - init shreefentsar/remotion-video-toolkit --ai windsurf -y

One-click API download

mkdir -p .windsurf/skills/remotion-video-toolkit
curl -sL "https://clawhub.ai/api/v1/download?slug=remotion-video-toolkit&version=1.4.0" -o /tmp/remotion-video-toolkit.zip
unzip -o /tmp/remotion-video-toolkit.zip -d .windsurf/skills/remotion-video-toolkit

User directory

mkdir -p ~/.codeium/windsurf/skills/remotion-video-toolkit
curl -sL "https://clawhub.ai/api/v1/download?slug=remotion-video-toolkit&version=1.4.0" -o /tmp/remotion-video-toolkit.zip
unzip -o /tmp/remotion-video-toolkit.zip -d ~/.codeium/windsurf/skills/remotion-video-toolkit

Cline

  1. Cline supports standard .agents/skills/<name>/ structure
  2. Run the command to install the skill
  3. Ask questions in the Cline panel to trigger the skill

AgentHub CLI (change --ai)

curl -fsSL "https://myagenthub.cn/cli/agenthub-skill.mjs" | node --input-type=module - init shreefentsar/remotion-video-toolkit --ai cline -y

One-click API download

mkdir -p .agents/skills/remotion-video-toolkit
curl -sL "https://clawhub.ai/api/v1/download?slug=remotion-video-toolkit&version=1.4.0" -o /tmp/remotion-video-toolkit.zip
unzip -o /tmp/remotion-video-toolkit.zip -d .agents/skills/remotion-video-toolkit

Cherry Studio

  1. Use this skill as an Assistant system prompt in Cherry Studio
  2. Copy the command to view SKILL.md text
  3. Paste the contents into Cherry Studio Assistant system prompt
# 下载并提取 SKILL.md 指令内容
curl -sL "https://clawhub.ai/api/v1/download?slug=remotion-video-toolkit&version=1.4.0" -o /tmp/remotion-video-toolkit.zip
unzip -p /tmp/remotion-video-toolkit.zip SKILL.md
# 复制上述输出,粘贴至 Cherry Studio → 助手设置 →「系统提示词」

VS Code / GitHub Copilot

AgentHub CLI (change --ai)

curl -fsSL "https://myagenthub.cn/cli/agenthub-skill.mjs" | node --input-type=module - init shreefentsar/remotion-video-toolkit --ai vscode -y

One-click API download

curl -sL "https://clawhub.ai/api/v1/download?slug=remotion-video-toolkit&version=1.4.0" -o /tmp/remotion-video-toolkit.zip
mkdir -p .github/skills/remotion-video-toolkit
unzip -o /tmp/remotion-video-toolkit.zip -d .github/skills/remotion-video-toolkit

OpenAI Codex

AgentHub CLI (change --ai)

curl -fsSL "https://myagenthub.cn/cli/agenthub-skill.mjs" | node --input-type=module - init shreefentsar/remotion-video-toolkit --ai codex --global -y

One-click API download

mkdir -p ~/.codex/skills/remotion-video-toolkit
curl -sL "https://clawhub.ai/api/v1/download?slug=remotion-video-toolkit&version=1.4.0" -o /tmp/remotion-video-toolkit.zip
unzip -o /tmp/remotion-video-toolkit.zip -d ~/.codex/skills/remotion-video-toolkit

ClawHub CLI, then copy

clawhub install shreefentsar/remotion-video-toolkit
mkdir -p ~/.codex/skills/remotion-video-toolkit
cp -R ./skills/remotion-video-toolkit/. ~/.codex/skills/remotion-video-toolkit/

# 源:./skills/remotion-video-toolkit/SKILL.md
# 目标:~/.codex/skills/remotion-video-toolkit/SKILL.md

OpenClaw — ClawHub CLI

# OpenClaw / ClawHub CLI(推荐)
# 在项目根或 OpenClaw 工作区目录执行
clawhub install shreefentsar/remotion-video-toolkit

# 安装后 SKILL.md 位于:
#   ./skills/remotion-video-toolkit/SKILL.md
# (若已配置 OpenClaw 工作区,则在 <workspace>/skills/remotion-video-toolkit/)

# 仅查看不安装
clawhub inspect shreefentsar/remotion-video-toolkit

Troubleshooting & Common ErrorsFAQ

Common connection errors and verified fixes for Remotion Video Toolkit

Getting 'connection closed' or exit code 1 in Cursor / Claude Code for Remotion Video Toolkit?

Usually caused by missing runtime paths or IDE environment inheritance. Fix steps: 1. Verify Node.js 18+ (npx) or Python 3.10+ (uvx) is installed; 2. Run 'which npx' or 'which uvx' in terminal, and replace 'command' with absolute path; 3. Reload or restart the client window after modifying config.

Fix Snippet
# Check binary path in terminal:
which npx
node -v
Getting 'spawn npx ENOENT' or 'command not found'?

The editor background process does not inherit your full terminal PATH. Solution: Globally install the package, or set the absolute binary path (e.g. C:\Program Files\nodejs\npx.cmd on Windows, or /usr/local/bin/npx on macOS).

Tool calls timing out or failing to download packages?

First-time package downloading might be slow or timeout due to network limits. Configure a reliable mirror or check outbound proxy settings.

Agent does not match or apply Remotion Video Toolkit during conversations?

Verify SKILL.md is located at .cursor/skills/Remotion Video Toolkit/SKILL.md (Cursor) or ~/.claude/skills/Remotion Video Toolkit/SKILL.md (Claude Code). You can explicitly mention the skill name in your prompt to boost match confidence.

Tool Mock Playground

Sandbox

Remotion Video Toolkit Rule Injection & Agent Behavior Simulation · Preview tool schema & outputs without local runtime

Sandbox Ready
fn: agent_skill_runtimeInject system prompt guidelines & workflow constraints from Remotion Video Toolkit
Request ArgumentsJSON Schema
{
  "skill": "Remotion Video Toolkit",
  "rulePath": ".cursor/skills/remotion-video-toolkit/SKILL.md",
  "userGoal": "请使用 Remotion Video Toolkit 的方法与标准帮我完成当前任务",
  "client": "Cursor / Claude Code"
}
💡Parameters generated dynamically by Agent runtime
Agent Tool Output

Click 'Run Mock' above

to preview the raw response returned to the LLM

Env: AgentHub Virtual SandboxJSON-RPC 2.0

Decision Guide: Why & When to Use

Assess suitability before installing to save trial-and-error time

Best Suited For
  • When your AI Agent needs tool calling capabilities in this domain
  • Automating repetitive workflows in your IDE or terminal
  • Pairing with modern clients supporting MCP/Skill standards
When NOT to Use
  • When missing required API secrets or local runtime prerequisites
  • Pure conversational requests that don't need external system access
Recommended Workflow Pairing:

Remotion Video Toolkit + Scenario Prompt → Complete Agent Automation

Skill hands-on: install to visible results

Follow the full lab (expected UI/output + contrast checks). After installing this item, verify with the tutorial prompts.

Open tutorial →

An Agent Skill is a folder with SKILL.md instructions. After install, the AI loads it automatically when your task matches its description.

How to use

After installing, describe your task in chat (or mention the skill name). The agent reads the skill description to decide when to activate it, then follows the instructions in SKILL.md. Check loaded skills via /skills in Claude Code or in your client settings.

Related resources

Often paired with

Keep exploring AgentHub

Most people compare similar tools or check scenario guides before installing—start here.

Listing badge: put AgentHub on your site

Copy either snippet into your project homepage, docs, or GitHub README. The badge is a hotlinked SVG — nothing to host — and it links back to this page so visitors can find the install steps.

PreviewListed on AgentHub: Remotion Video Toolkit
HTML
<a href="https://myagenthub.cn/p/io.clawhub.shreefentsar/remotion-video-toolkit" title="Listed on AgentHub: Remotion Video Toolkit" target="_blank" rel="noopener">
  <img src="https://myagenthub.cn/badge/io.clawhub.shreefentsar/remotion-video-toolkit?lang=en" alt="Listed on AgentHub: Remotion Video Toolkit" height="20" style="border:0"/>
</a>
Markdown (GitHub README)
[![Listed on AgentHub: Remotion Video Toolkit](https://myagenthub.cn/badge/io.clawhub.shreefentsar/remotion-video-toolkit?lang=en)](https://myagenthub.cn/p/io.clawhub.shreefentsar/remotion-video-toolkit)

Badges are generated on the fly from /badge/<package-id>, so name and listing changes propagate automatically. Keep the link target unchanged — it is what counts as the referral.

Unified Manifest

{
  "id": "io.clawhub.shreefentsar/remotion-video-toolkit",
  "type": "skill",
  "version": "1.4.0",
  "displayName": "Remotion Video Toolkit",
  "description": "Complete toolkit for programmatic video creation with Remotion + React. Covers animations, timing, rendering (CLI/Node.js/Lambda/Cloud Run), captions, 3D, charts, text effects, transitions, and media handling. Use when writing Remotion code, building video generation pipelines, or creating data-driven video templates.",
  "author": {
    "name": "shreefentsar",
    "url": "https://clawhub.ai/shreefentsar"
  },
  "homepage": "https://clawhub.ai/shreefentsar/remotion-video-toolkit",
  "distribution": {
    "packages": [
      {
        "registryType": "source",
        "identifier": "shreefentsar/remotion-video-toolkit",
        "version": "1.4.0",
        "runtimeHint": "clawhub install"
      }
    ],
    "remotes": []
  },
  "dependencies": [],
  "installTargets": [
    "openclaw",
    "claude-code",
    "claude-desktop",
    "cursor",
    "codex",
    "vscode"
  ],
  "keywords": [
    "downloads:23059",
    "stars:80",
    "installs:726",
    "Video Generation"
  ],
  "provenance": {
    "origin": "clawhub",
    "originalId": "shreefentsar/remotion-video-toolkit",
    "originalUrl": "https://clawhub.ai/shreefentsar/remotion-video-toolkit",
    "isOfficial": false,
    "status": "active"
  }
}