Remotion Best Practices
lyonjs/shortvid.io
Best practices for Remotion - Video creation in React. An agent skill from lyonjs/shortvid.io.
Assemble existing local images, videos, audio and subtitles into preview/final videos with FFmpeg, technical QC and provenance.
Install Video Production
$ npx skills add holon-run/holon --skill video-production -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install holon-run/holon video-production --agent claude-codeProject scope by default; add --scope user for a personal install. Needs GitHub CLI 2.90.0 or later (public preview).
$ git clone --depth 1 https://github.com/holon-run/holon.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/video-production .claude/skills/video-production && rm -rf skills-srcUse ~/.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/
Install the "video-production" agent skill from https://github.com/holon-run/holon/tree/main/skills/video-production into .claude/skills/video-production/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "video-production", then confirm the skill loads.Claude Code copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$skill-installer install https://github.com/holon-run/holon/tree/main/skills/video-productionType this inside Codex. $skill-installer <name> installs a curated skill from openai/skills. The installer writes to $CODEX_HOME/skills (default ~/.codex/skills). Restart Codex if the skill does not show up.
$ npx skills add holon-run/holon --skill video-production -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install holon-run/holon video-production --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/holon-run/holon.git skills-src && mkdir -p .agents/skills && cp -r skills-src/skills/video-production .agents/skills/video-production && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "video-production" agent skill from https://github.com/holon-run/holon/tree/main/skills/video-production into .agents/skills/video-production/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "video-production", then confirm the skill loads.Codex copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add holon-run/holon --skill video-production -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install holon-run/holon video-production --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/holon-run/holon.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/skills/video-production .cursor/skills/video-production && rm -rf skills-srcUse ~/.cursor/skills/ instead of .cursor/skills for a personal install.
Cursor skills documentation · loads skills from .cursor/skills/, .agents/skills/, .claude/skills/, .codex/skills/
Install the "video-production" agent skill from https://github.com/holon-run/holon/tree/main/skills/video-production into .cursor/skills/video-production/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "video-production", then confirm the skill loads.Cursor copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gemini skills install https://github.com/holon-run/holon.git --path skills/video-production--scope user (default) or --scope workspace; --path is the subfolder of the repo that holds the skill; --consent skips the security confirmation prompt.
$ npx skills add holon-run/holon --skill video-production -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install holon-run/holon video-production --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/holon-run/holon.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/skills/video-production .gemini/skills/video-production && rm -rf skills-srcUse ~/.gemini/skills/ instead of .gemini/skills for a personal install, then run /skills reload.
Gemini CLI skills documentation · loads skills from .gemini/skills/, .agents/skills/
Install the "video-production" agent skill from https://github.com/holon-run/holon/tree/main/skills/video-production into .gemini/skills/video-production/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "video-production", then confirm the skill loads.Gemini CLI copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ gh skill install holon-run/holon video-productionInstalls for Copilot at project scope by default; add --scope user for a personal install. Preview a skill first with gh skill preview. Needs GitHub CLI 2.90.0 or later (public preview).
$ npx skills add holon-run/holon --skill video-production -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/holon-run/holon.git skills-src && mkdir -p .github/skills && cp -r skills-src/skills/video-production .github/skills/video-production && rm -rf skills-srcUse ~/.copilot/skills/ instead of .github/skills for a personal install. Commit .github/skills so cloud agent and code review can use it.
GitHub Copilot skills documentation · loads skills from .github/skills/, .claude/skills/, .agents/skills/
Install the "video-production" agent skill from https://github.com/holon-run/holon/tree/main/skills/video-production into .github/skills/video-production/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "video-production", then confirm the skill loads.GitHub Copilot copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
$ npx skills add holon-run/holon --skill video-production -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install holon-run/holon video-production --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/holon-run/holon.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/skills/video-production .opencode/skills/video-production && rm -rf skills-srcUse ~/.config/opencode/skills/ instead of .opencode/skills for a personal install.
OpenCode skills documentation · loads skills from .opencode/skills/, .claude/skills/, .agents/skills/
Install the "video-production" agent skill from https://github.com/holon-run/holon/tree/main/skills/video-production into .opencode/skills/video-production/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "video-production", then confirm the skill loads.OpenCode copies the folder itself, the same result as the manual copy. Check what it changed before you commit it.
Facts
- Skill name
video-production- GitHub stars
- 159
- Token cost
- ~1.1k tokens
- SKILL.md length
- 482 words
- Files
- 3 (incl. scripts)
- Skills in repo
- 14
- Repo updated
- First seen
- Licence
- Apache-2.0
At a glance
Assemble existing local images, videos, audio and subtitles into preview/final videos with FFmpeg, technical QC and provenance.
- Local media production
- SKILL.md covers Production contract, Local execution and Review and delivery
- Runs Python scripts from its folder; calls python3
- Programmatic Remotion animation
What it does
Video Production is an agent skill from holon-run/holon. Assemble existing local images, videos, audio and subtitles into preview/final videos with FFmpeg, technical QC and provenance. Use for local media production, not publishing or programmatic Remotion animation.
Its SKILL.md is about 1.1k tokens, which your agent loads only when the skill is triggered. The skill folder holds 4 other files, including scripts (for example `scripts/produce.py` and `tests/test_produce.py`).
It sits in Media & Creative, covering Video production. It works with FFmpeg and Remotion. The repository describes itself as: An agent workbench for ongoing work: preserve goals and progress, connect events and schedules, and resume when the next condition is met. The licence is Apache-2.0.
When your agent uses it
- Local media production
- Programmatic Remotion animation
Example prompts
- “/video-production”
Requirements
- Python 3
What it can do on your machine
Read from SKILL.md and the folder at commit bdba9b3. 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
Ships 1 file in scripts/ (Python), which the agent can run.
Shell commands in SKILL.md call:
python3
From the folder's file list and the shell code blocks in SKILL.md.
Network
No URLs in SKILL.md.
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
Video Production loads about 1.1k tokens when it runs. Until then it costs about 57 tokens; SKILL.md has 482 words of instructions outside code blocks.
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); the scripts in this folder are not scanned.
SKILL.md
The full file from holon-run/holon at commit bdba9b3, republished under its Apache-2.0 licence (© holon-run). 482 words, ~1,067 tokens.
Download SKILL.mdSave it as
.claude/skills/video-production/SKILL.md (or your agent's skills folder). This skill also uses 2 other files; get the full folder from GitHub.- name
- video-production
- description
- Assemble existing local images, videos, audio and subtitles into preview/final videos with FFmpeg, technical QC and provenance. Use for local media production, not publishing or programmatic Remotion animation.
Video Production
Production contract
Before rendering, establish audience, script/storyboard, asset order and timing, aspect ratio, resolution, audio/caption requirements and intended delivery. Inventory local sources, ownership/license/consent, and missing assets. Do not invent provenance or assume that a technical pass establishes usage rights. Keep that editorial production checklist alongside the project.
Use the script below for straight-cut, 16:9 local assembly. For programmatic animation use the separately installed official Remotion skill; this skill does not install Remotion or provide a rendering backend. Generating images, video, voice or TTS is an optional external capability: verify availability, consent, cost and upload permission first. Missing generation capability is not a reason to block assembly when local assets suffice. Never publish automatically.
Local execution
Requires Python 3.10+, ffmpeg with libx264/AAC and ffprobe on PATH. Report
missing binaries/codecs explicitly; do not silently install, substitute a cloud
service, or claim an unavailable render succeeded.
Write a UTF-8 JSON manifest; relative paths resolve against its directory:
{
"clips": [
{"path": "title.png", "kind": "image", "duration": 2},
{"path": "demo.mp4", "kind": "video", "duration": 3}
],
"audio": "narration.wav",
"subtitles": "captions.srt"
}Run from this skill directory (or use an absolute script path):
python3 scripts/produce.py /project/manifest.json /project/preview-v1 --mode preview
python3 scripts/produce.py /project/manifest.json /project/final-v1 --mode finalOutput directories must be new. Original assets are not overwritten. The helper accepts PNG/JPEG stills, MP4/MOV videos, optional WAV/MP3/M4A audio, and UTF-8 SRT captions only. Unknown manifest fields and unsupported extensions are errors. Use ordinary standalone local media, not playlists or externally linked media. Do not process untrusted media without an appropriately isolated environment; this helper is not a sandbox.
Clips start at time zero, cut at their requested positive duration, and are scaled/padded (not cropped) to 640×360 preview or 1280×720 final at 25 fps, H.264/yuv420p. Each duration is rounded to the nearest 25 fps frame (ties up, minimum one frame); audio/caption validation and muxing use that same timeline, recorded in the report. Source clip audio is explicitly removed; the single optional audio track replaces it, must cover the whole timeline, and is trimmed to length and encoded to AAC. There is no mixing, transition, animation, trim-offset or portrait support. Do not silently convert an unsupported request into this contract: adapt the workflow explicitly. SRT cues must be ordered, nonoverlapping and within the timeline; captions are selectable MP4 subtitles, not burned in. Confirm player/platform compatibility.
Show full SKILL.md (130 more words)Show less
Review and delivery
Each output directory contains the MP4 and report.json: source paths/SHA-256,
manifest, tool versions, output hash, ffprobe metadata and full audio/video
decode result. Hash provenance identifies files; add original source URLs,
licenses and generation details to the production checklist when known.
Inspect the preview visually and audibly: framing, pacing, text legibility, caption timing, pronunciation, transitions, silence and clipping. Technical QC checks streams, dimensions/pixel format, exact video frame count and duration, and complete decoding; it does not prove editorial quality, loudness compliance, accessibility or rights. Resolve issues before final rendering and inspect the final too. Deliver source manifest/checklist, preview/final and QC report, noting limitations and any unverified requirement. Publication requires separate operator authorization.
Offline fixture verification (creates and cleans temporary assets):
python3 -m unittest discover -s skills/video-production/tests -vRun that test command from the repository root.
© holon-run, 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 2 other files (scripts) in skills/video-production of holon-run/holon.
- SKILL.md
- scripts/produce.py
- tests/test_produce.py
Open the folder on GitHubat commit bdba9b3
Compare with similar skills
Video Production 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.
| Skill | Stars | Used in | Tokens | Auto-check | Licence | Repo updated |
|---|---|---|---|---|---|---|
| Video Production this skillholon-run/holon | 159 | — | ~1.1k | Automated safety check: Pass | Apache-2.0 | |
| Remotion Best Practiceslyonjs/shortvid.io | 147 | 33 repos | ~1k | Automated safety check: Pass | MIT | |
| HyperFrames Video Entry Pointheygen-com/hyperframes | 60k | 3 repos | ~5.2k | Automated safety check: Pass | Apache-2.0 | |
| ShortsAgriciDaniel/claude-shorts | 219 | — | ~3.2k | Automated safety check: Notes | MIT | |
| Black White Text OpenerPluviobyte/video-production-skills | 671 | — | ~1k | Automated safety check: Pass | None | |
| Product DemoAlexwtlf/agentic-product-demo | 387 | — | ~8.8k | Automated safety check: Pass | Custom licence |
Similar skills
HyperFrames Video Entry Point
heygen-com/hyperframes
Entry point for making, editing and rendering videos from HTML compositions with HyperFrames, routing each request to the right workflow.
Shorts
AgriciDaniel/claude-shorts
Interactive longform-to-shortform video creator. An agent skill from AgriciDaniel/claude-shorts.
Black White Text Opener
Pluviobyte/video-production-skills
Create reusable black-background white-text opening animations for new videos.
Product Demo
Alexwtlf/agentic-product-demo
Shoot, animate, title and optionally score product demo videos with Remotion — for a landing page, docs, onboarding, an app store listing or a social post.
Super Video Maker
Bomx/super-video-maker-skill
End-to-end AI video production skill for agentic frameworks.
More from holon-run/holon
All 14 skills in this repoGitHub Issue Solve
holon-run/holon
Solve a GitHub issue by collecting context, implementing a fix, and opening or updating a pull request.
GitHub PR Fix
holon-run/holon
Fix a GitHub pull request by addressing feedback or CI failures, pushing changes, and publishing replies.
Code Health Audit
holon-run/holon
Audit code-health and technical-debt signals with evidence, rank proportionate interventions from focused cleanup to broad coordinated refactors, and draft implementation-ready plans without…
Code Review
holon-run/holon
Review a set of code changes using evidence-backed findings, explicit confidence, and a clear coverage summary.
Ghx
holon-run/holon
Guidance for safe, reliable GitHub CLI workflows across issues, pull requests, and reviews.
GitHub Review
holon-run/holon
Review a GitHub pull request by collecting GitHub context, applying evidence-backed review rules, and optionally publishing one review.
Related
Categories
Questions about Video Production
What does Video Production do?
Assemble existing local images, videos, audio and subtitles into preview/final videos with FFmpeg, technical QC and provenance. Video Production is an agent skill from holon-run/holon. Assemble existing local images, videos, audio and subtitles into preview/final videos with FFmpeg, technical QC and provenance.
When should I use Video Production?
Video Production fits situations like: local media production; programmatic Remotion animation.
How do I install Video Production in Claude Code?
Run `npx skills add holon-run/holon --skill video-production -a claude-code`. Or copy the skill folder (skills/video-production in holon-run/holon) into .claude/skills/video-production in your project. Claude Code loads it when a task matches its description.
How do I install Video Production in Codex?
Run `npx skills add holon-run/holon --skill video-production -a codex`. Or copy the skill folder (skills/video-production in holon-run/holon) into .agents/skills/video-production in your project. Codex loads it when a task matches its description.
Can I use Video Production 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 holon-run/holon --skill video-production -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/video-production, .gemini/skills/video-production, .github/skills/video-production and .opencode/skills/video-production in your project.
What does Video Production need to run?
Going by SKILL.md and its folder, Video Production needs Python for the scripts in its folder and the command-line tools its instructions call (python3). Our summary lists: Python 3.
Does Video Production access the network?
SKILL.md contains no URLs. Any network use would come from the scripts or tools the agent runs. This is read from the text; nothing was executed.
Is Video Production 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. The check reads SKILL.md only: the scripts in the folder are not scanned, so read them before running anything.
What licence does Video Production use?
Video Production 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 Video Production use?
About 1.1k tokens (SKILL.md is roughly 4.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 Video Production?
Skills that share tags, products or a category with Video Production: Remotion Best Practices (lyonjs/shortvid.io, 147 stars), HyperFrames Video Entry Point (heygen-com/hyperframes, 60k stars), Shorts (AgriciDaniel/claude-shorts, 219 stars) and Black White Text Opener (Pluviobyte/video-production-skills, 671 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Video Production?
holon-run (a GitHub organization) maintains it in holon-run/holon, which has 159 GitHub stars. The repository holds 14 skills in this directory. The repository was last updated on October 11, 2026.
Source: holon-run/holon on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.