Agent skill

Remotion

by zhuzhaoyun in zhuzhaoyun/Molio

Molio's builtin skill for MAKING a video from any source — wiki notes, articles, scripts, product info, or a brief — and rendering it to MP4.

Custom licenceAuto-check passedMedia & Creative

Install Remotion

skills CLI
$ npx skills add zhuzhaoyun/Molio --skill remotion -a claude-code

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

GitHub CLI
$ gh skill install zhuzhaoyun/Molio remotion --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/zhuzhaoyun/Molio.git skills-src && mkdir -p .claude/skills && cp -r skills-src/apps/daemon/src/tools/skills/remotion .claude/skills/remotion && 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
GitHub stars
433
Token cost
~4k tokens
SKILL.md length
1,347 words
Files
43
Skills in repo
8
Repo updated
First seen
Licence
Custom licence

At a glance

Molio's builtin skill for MAKING a video from any source — wiki notes, articles, scripts, product info, or a brief — and rendering it to MP4.

  • Works in 4 steps: Browser source. Remotion downloads… → Font strategy. For… → Monorepo? If the project lives inside an… → …
  • The user wants to create/produce a video: a product demo
  • SKILL.md covers When to use, Environment preflight (run…, New project setup and Designing a video, plus 25 more sections
  • Calls npx and pnpm; reaches remotion.media

What it does

Remotion is an agent skill from zhuzhaoyun/Molio. Molio's builtin skill for MAKING a video from any source — wiki notes, articles, scripts, product info, or a brief — and rendering it to MP4. Use whenever the user wants to create/produce a video: a product demo, promo, trailer, intro, explainer, motion graphic, kinetic typography, social clip, or animated logo — even if they never mention Remotion by name. Do NOT reach for moviepy, manim, or Python video libraries to stitch frames; this is Molio's supported video path (scaffolds a Remotion React/TypeScript…

Its SKILL.md is about 4k tokens, which your agent loads only when the skill is triggered. The skill folder holds 44 other files (for example `rules/3d.md`, `rules/audio-visualization.md` and `rules/audio.md`).

It sits in Media & Creative, covering Video production, Motion graphics and Text to speech and voice. It works with Remotion, React, Python and TypeScript. The repository describes itself as: A local-first personal knowledge layer for AI agents. Build evolving knowledge spaces with LLM Wiki, knowledge graphs, and agent workflows.

When your agent uses it

  • The user wants to create/produce a video: a product demo
  • Kinetic typography
  • Animated logo — even if they never mention Remotion by name

Example prompts

  • “/remotion”

Requirements

  • Python 3
  • Node.js

Workflow steps

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

  1. Browser source. Remotion downloads Chrome Headless Shell on first render by default (~150 MB from storage.googleapis.com, slow/unreachable…
  2. Font strategy. For Chinese/Japanese/Korean text, do NOT rely on system fonts — they will not exist on a headless render runner. Bundle the…
  3. Monorepo? If the project lives inside an existing pnpm/yarn/npm workspace that already depends on React (e.g. an app with…
  4. TTS provider (if voiceover). voiceover.md defaults to ElevenLabs (paid, needs API key). For a free path — especially for Chinese — use…

What it can do on your machine

Read from SKILL.md and the folder at commit 20e6641. 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:

    • npx
    • pnpm

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

  • Network

    Hosts in commands or code, which the agent is likely to contact:

    • remotion.media

    Also links to:

    • remotion.dev

    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 loads about 4k tokens when it runs. Until then it costs about 193 tokens; SKILL.md has 1,347 words of instructions outside code blocks.

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

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

Its licence (Custom licence) doesn't allow us to republish the file, so here is its outline and opening line. It has 1,347 words (~4,043 tokens).

“If the user only wants to caption existing footage, capture a website tour, or do a quick one-off motion graphic under 10s with no narration, a lighter workflow may fit better — but when in doubt, start here.”

— opening of SKILL.md by zhuzhaoyun, Custom licence
name
remotion
version
1.0.3
metadata
tags: remotion, video, react, animation, composition

Read the full SKILL.md on GitHub

Files

SKILL.md and 42 other files in apps/daemon/src/tools/skills/remotion of zhuzhaoyun/Molio.

  • SKILL.md
  • rules/3d.md
  • rules/assets/charts-bar-chart.tsx
  • rules/assets/text-animations-typewriter.tsx
  • rules/assets/text-animations-word-highlight.tsx
  • rules/audio-visualization.md
  • rules/audio.md
  • rules/browser-executable.md
  • rules/calculate-metadata.md
  • rules/cjk-fonts.md
  • rules/compositions.md
  • rules/display-captions.md
  • rules/effects.md
  • rules/ffmpeg.md
  • rules/get-audio-duration.md
  • rules/get-video-dimensions.md
  • rules/get-video-duration.md
  • rules/gifs.md
  • rules/google-fonts.md
  • … and 24 more

Open the folder on GitHubat commit 20e6641

Compare with similar skills

Remotion 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 compared with similar skills
SkillStarsUsed inTokensAuto-checkLicenceRepo updated
Remotion this skillzhuzhaoyun/Molio433—~4kAutomated safety check: PassCustom licence
Anything2explainerVincentwei1021/anything2explainer2.4k—~2.7kAutomated safety check: PassCustom licence
Motion Canvasdracohu2025-cloud/draco-skills-collection227—~1.5kAutomated safety check: PassNone
Concept To VideoMathews-Tom/armory328—~4.9kAutomated safety check: PassMIT
Remotion Motion Graphicshaidrrrry/claude-remotion-skill299—~2kAutomated safety check: PassMIT
Remotion Render via inference.shHainrixz/editor-pro-max2642 repos~2kAutomated safety check: PassCustom licence

Similar skills

  • Anything2explainer

    Vincentwei1021/anything2explainer

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

    2.4k GitHub stars~2.7k tokensUpdated 21 days ago
    Media & CreativeAuto-check passed
  • Motion Canvas

    dracohu2025-cloud/draco-skills-collection

    Production pipeline for Motion Canvas — TypeScript-based programmatic vector animation with real-time preview.

    227 GitHub stars~1.5k tokensUpdated 22 days ago
    Media & CreativeAuto-check passed
  • Concept To Video

    Mathews-Tom/armory

    Turn concepts into animated explainer videos using Manim (Python) with MP4/GIF output, audio overlay, multi-scene composition.

    328 GitHub stars~4.9k tokensUpdated 3 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).

    299 GitHub stars~2k tokensUpdated 1 mo ago
    Media & CreativeAuto-check passed
  • Remotion Render via inference.sh

    Hainrixz/editor-pro-max

    Renders MP4 videos from React and Remotion TSX code through the inference.sh CLI, with settings for resolution, frame rate, duration and codec.

    264 GitHub starsUsed in 2 repos~2k tokens
    Media & CreativeAuto-check passed
  • 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.

    59k GitHub starsUsed in 3 repos~2.8k tokens
    Media & CreativeAuto-check passed

More from zhuzhaoyun/Molio

All 8 skills in this repo
  • Wiki Build

    zhuzhaoyun/Molio

    构建/重建本地知识库的 Wiki。扫描 vault 中所有源文件,从中构建一个结构化的 wiki(源文件摘要、实体、概念、对比、概述页),创建分层 INDEX(根索引 + 各目录索引)/log/hot,密集交叉链接。支持超长源文件(百万字级小说等):prep.mjs 确定性预处理 + 分层 digest 构建 + 断点续传。也能把旧单索引库的索引重构为分层布局。Triggers on: 构建…

    433 GitHub stars~3k tokensUpdated today
    Auto-check passed
  • Wiki Ingest

    zhuzhaoyun/Molio

    将源文件/资料增量导入(入库)到现有 wiki,使知识持续积累和演进。读取源文件,生成或更新 source 摘要页与实体/概念/对比等页面,建立交叉链接,检测矛盾,更新分层 INDEX/log/hot(旧单索引库首次入库时自动升级为分层索引)。支持显式文件路径、URL、或无显式目标时自动找最近 raw/wechat 暂存资料。Triggers on: 入库, 导入, 整理进知识库…

    433 GitHub stars~1.5k tokensUpdated today
    Auto-check passed
  • Wiki Lint

    zhuzhaoyun/Molio

    对本地知识库的 Wiki 做健康检查/质量审查。查孤立页、断链、断引用、frontmatter 缺失、空段落、内容矛盾、过时内容、INDEX 偏差、知识缺口,生成 lint 报告并给出补充方向建议。Triggers on: 健康检查, 检查 wiki 健康状况, lint, clean up wiki, wiki 维护, check the wiki, wiki audit, find…

    433 GitHub stars~855 tokensUpdated today
    Auto-check passed
  • Wiki Save

    zhuzhaoyun/Molio

    将当前对话中有价值的内容归档为 wiki 页面,使知识持续积累。回顾对话,判断哪些内容值得归档(concept/comparison/question/session/entity),创建带完整 frontmatter 和交叉链接的归档页面,更新分层 INDEX/log/hot(旧单索引库首次归档时自动升级为分层索引)。Triggers on: 归档, 保存为 wiki 页面, save…

    433 GitHub stars~704 tokensUpdated today
    Auto-check passed
  • Docling

    zhuzhaoyun/Molio

    PRIMARY skill for converting .pdf, .docx, .pptx, .xlsx, .doc, .ppt, .xls, images, and audio/video files (.mp3, .wav, .m4a, .mp4, .mov, etc.) to Markdown.

    433 GitHub stars~2.6k tokensUpdated today
    Auto-check passed
  • Wechat Article Extractor

    zhuzhaoyun/Molio

    提取微信公众号文章(mp.weixin.qq.com)内容为 Markdown。遇到 mp.weixin.qq.com 链接时使用此 skill,禁止使用 WebFetch。

    433 GitHub stars~486 tokensUpdated today
    Auto-check passed

Questions about Remotion

What does Remotion do?

Molio's builtin skill for MAKING a video from any source — wiki notes, articles, scripts, product info, or a brief — and rendering it to MP4. Remotion is an agent skill from zhuzhaoyun/Molio. Molio's builtin skill for MAKING a video from any source — wiki notes, articles, scripts, product info, or a brief — and rendering it to MP4.

When should I use Remotion?

Remotion fits situations like: the user wants to create/produce a video: a product demo; kinetic typography; animated logo — even if they never mention Remotion by name.

How do I install Remotion in Claude Code?

Run `npx skills add zhuzhaoyun/Molio --skill remotion -a claude-code`. Or copy the skill folder (apps/daemon/src/tools/skills/remotion in zhuzhaoyun/Molio) into .claude/skills/remotion in your project. Claude Code loads it when a task matches its description.

How do I install Remotion in Codex?

Run `npx skills add zhuzhaoyun/Molio --skill remotion -a codex`. Or copy the skill folder (apps/daemon/src/tools/skills/remotion in zhuzhaoyun/Molio) into .agents/skills/remotion in your project. Codex loads it when a task matches its description.

Can I use Remotion 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 zhuzhaoyun/Molio --skill remotion -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, .gemini/skills/remotion, .github/skills/remotion and .opencode/skills/remotion in your project.

What does Remotion need to run?

Going by SKILL.md and its folder, Remotion needs the command-line tools its instructions call (npx and pnpm). Our summary lists: Python 3; Node.js.

Does Remotion access the network?

SKILL.md names 2 domains. In commands or code: remotion.media; the agent is likely to contact it when it follows the instructions. As links in the text: remotion.dev. This is read from the text; nothing was executed.

Is Remotion 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 use?

Remotion has a licence file (the repository's licence) that doesn't match a standard licence. Read it on GitHub before reusing the skill.

How many tokens does Remotion use?

About 4k tokens (SKILL.md is roughly 16k 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?

Skills that share tags, products or a category with Remotion: Anything2explainer (Vincentwei1021/anything2explainer, 2.4k stars), Motion Canvas (dracohu2025-cloud/draco-skills-collection, 227 stars), Concept To Video (Mathews-Tom/armory, 328 stars) and Remotion Motion Graphics (haidrrrry/claude-remotion-skill, 299 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.

Who maintains Remotion?

zhuzhaoyun (a GitHub user) maintains it in zhuzhaoyun/Molio, which has 433 GitHub stars. The repository holds 8 skills in this directory. The repository was last updated on October 9, 2026.

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