Remotion Best Practices
lyonjs/shortvid.io
Best practices for Remotion - Video creation in React. An agent skill from lyonjs/shortvid.io.
视频片段拼接和后期处理。输入视频片段列表，输出完整视频。支持转场效果、背景音乐、字幕叠加。底层使用 FFmpeg 或 Remotion。触发词：拼接视频、合并视频、视频剪辑、video stitch、concatenate videos、add transitions。
Install Video Stitcher
$ npx skills add npc-live/clawfirm --skill video-stitcher -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install npc-live/clawfirm video-stitcher --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/npc-live/clawfirm.git skills-src && mkdir -p .claude/skills && cp -r skills-src/app/assets/skills/video-skills/video-stitcher .claude/skills/video-stitcher && 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-stitcher" agent skill from https://github.com/npc-live/clawfirm/tree/main/app/assets/skills/video-skills/video-stitcher into .claude/skills/video-stitcher/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "video-stitcher", 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/npc-live/clawfirm/tree/main/app/assets/skills/video-skills/video-stitcherType 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 npc-live/clawfirm --skill video-stitcher -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install npc-live/clawfirm video-stitcher --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/npc-live/clawfirm.git skills-src && mkdir -p .agents/skills && cp -r skills-src/app/assets/skills/video-skills/video-stitcher .agents/skills/video-stitcher && 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-stitcher" agent skill from https://github.com/npc-live/clawfirm/tree/main/app/assets/skills/video-skills/video-stitcher into .agents/skills/video-stitcher/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "video-stitcher", 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 npc-live/clawfirm --skill video-stitcher -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install npc-live/clawfirm video-stitcher --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/npc-live/clawfirm.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/app/assets/skills/video-skills/video-stitcher .cursor/skills/video-stitcher && 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-stitcher" agent skill from https://github.com/npc-live/clawfirm/tree/main/app/assets/skills/video-skills/video-stitcher into .cursor/skills/video-stitcher/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "video-stitcher", 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/npc-live/clawfirm.git --path app/assets/skills/video-skills/video-stitcher--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 npc-live/clawfirm --skill video-stitcher -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install npc-live/clawfirm video-stitcher --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/npc-live/clawfirm.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/app/assets/skills/video-skills/video-stitcher .gemini/skills/video-stitcher && 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-stitcher" agent skill from https://github.com/npc-live/clawfirm/tree/main/app/assets/skills/video-skills/video-stitcher into .gemini/skills/video-stitcher/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "video-stitcher", 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 npc-live/clawfirm video-stitcherInstalls 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 npc-live/clawfirm --skill video-stitcher -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/npc-live/clawfirm.git skills-src && mkdir -p .github/skills && cp -r skills-src/app/assets/skills/video-skills/video-stitcher .github/skills/video-stitcher && 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-stitcher" agent skill from https://github.com/npc-live/clawfirm/tree/main/app/assets/skills/video-skills/video-stitcher into .github/skills/video-stitcher/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "video-stitcher", 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 npc-live/clawfirm --skill video-stitcher -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install npc-live/clawfirm video-stitcher --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/npc-live/clawfirm.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/app/assets/skills/video-skills/video-stitcher .opencode/skills/video-stitcher && 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-stitcher" agent skill from https://github.com/npc-live/clawfirm/tree/main/app/assets/skills/video-skills/video-stitcher into .opencode/skills/video-stitcher/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "video-stitcher", 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-stitcher- GitHub stars
- 156
- Token cost
- ~845 tokens
- SKILL.md length
- 145 words
- Files
- 1
- Skills in repo
- 49
- Repo updated
- First seen
- Licence
- None found
At a glance
视频片段拼接和后期处理。输入视频片段列表，输出完整视频。支持转场效果、背景音乐、字幕叠加。底层使用 FFmpeg 或 Remotion。触发词：拼接视频、合并视频、视频剪辑、video stitch、concatenate videos、add transitions。
- Works in 5 steps: 拼接：多个视频片段 → 完整视频 → 转场：添加片段间过渡效果 → 音频：背景音乐、音量调整 → …
- Tasks that involve Video production
- SKILL.md covers 功能, 工具选择, 输入参数 and 输入格式, plus 6 more sections
- Calls ffmpeg
What it does
Video Stitcher is an agent skill from npc-live/clawfirm. 视频片段拼接和后期处理。输入视频片段列表，输出完整视频。支持转场效果、背景音乐、字幕叠加。底层使用 FFmpeg 或 Remotion。触发词：拼接视频、合并视频、视频剪辑、video stitch、concatenate videos、add transitions。
Its SKILL.md is about 850 tokens, which your agent loads only when the skill is triggered. It is a single SKILL.md file with no bundled scripts.
It sits in Media & Creative, covering Video production. It works with FFmpeg and Remotion.
When your agent uses it
- Tasks that involve Video production
Example prompts
- “/video-stitcher”
Workflow steps
5 steps, taken from the first numbered list in SKILL.md.
- 拼接：多个视频片段 → 完整视频
- 转场：添加片段间过渡效果
- 音频：背景音乐、音量调整
- 字幕：叠加字幕/文字
- 导出：多种格式和分辨率
What it can do on your machine
Read from SKILL.md and the folder at commit db435ed. 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:
ffmpeg
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 Stitcher loads about 845 tokens when it runs. Until then it costs about 38 tokens; SKILL.md has 145 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); files beside SKILL.md are not scanned.
SKILL.md
Without a licence we can't republish the file, so here is its outline and opening line. It has 145 words (~845 tokens).
- name
- video-stitcher
- version
- 1.0.0
Files
Just SKILL.md in app/assets/skills/video-skills/video-stitcher of npc-live/clawfirm.
Open the folder on GitHubat commit db435ed
Compare with similar skills
Video Stitcher 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 Stitcher this skillnpc-live/clawfirm | 156 | — | ~845 | Automated safety check: Pass | None | |
| Remotion Best Practiceslyonjs/shortvid.io | 147 | 33 repos | ~1k | Automated safety check: Pass | MIT | |
| HyperFrames Video Entry Pointheygen-com/hyperframes | 59k | 3 repos | ~5.2k | Automated safety check: Pass | Apache-2.0 | |
| ShortsAgriciDaniel/claude-shorts | 218 | — | ~3.2k | Automated safety check: Notes | MIT | |
| Black White Text OpenerPluviobyte/video-production-skills | 667 | — | ~1k | Automated safety check: Pass | None | |
| Product DemoAlexwtlf/agentic-product-demo | 370 | — | ~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 npc-live/clawfirm
All 49 skills in this repoSolana Skill
npc-live/clawfirm
Interact with Solana blockchain via Helius APIs. An agent skill from npc-live/clawfirm.
Solana Sniper Bot
npc-live/clawfirm
Autonomous Solana token sniper and trading bot. An agent skill from npc-live/clawfirm.
Fiat
npc-live/clawfirm
Query Binance fiat payment capabilities — supported countries, currencies, payment methods, limits, and crypto prices — via public APIs, plus authenticated order/payment history lookup.
Onchain Pay Open API
npc-live/clawfirm
Binance Onchain Pay enables users to buy cryptocurrency with fiat (e.g., EUR, USD) or send existing crypto from their Binance account directly to any external on-chain wallet address in a single…
Solana Easy Swap
npc-live/clawfirm
Swap any Solana token from chat. An agent skill from npc-live/clawfirm.
Solana Payments Wallets Trading
npc-live/clawfirm
Pay people in SOL or USDC, buy and sell tokens, check prices, discover trending and new tokens, create and manage Solana wallets, stake SOL, earn yield through lending and managed vaults, borrow…
Related
Categories
Questions about Video Stitcher
What does Video Stitcher do?
视频片段拼接和后期处理。输入视频片段列表，输出完整视频。支持转场效果、背景音乐、字幕叠加。底层使用 FFmpeg 或 Remotion。触发词：拼接视频、合并视频、视频剪辑、video stitch、concatenate videos、add transitions。. Video Stitcher is an agent skill from npc-live/clawfirm.
When should I use Video Stitcher?
Video Stitcher fits situations like: tasks that involve Video production.
How do I install Video Stitcher in Claude Code?
Run `npx skills add npc-live/clawfirm --skill video-stitcher -a claude-code`. Or copy the skill folder (app/assets/skills/video-skills/video-stitcher in npc-live/clawfirm) into .claude/skills/video-stitcher in your project. Claude Code loads it when a task matches its description.
How do I install Video Stitcher in Codex?
Run `npx skills add npc-live/clawfirm --skill video-stitcher -a codex`. Or copy the skill folder (app/assets/skills/video-skills/video-stitcher in npc-live/clawfirm) into .agents/skills/video-stitcher in your project. Codex loads it when a task matches its description.
Can I use Video Stitcher 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 npc-live/clawfirm --skill video-stitcher -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-stitcher, .gemini/skills/video-stitcher, .github/skills/video-stitcher and .opencode/skills/video-stitcher in your project.
What does Video Stitcher need to run?
Going by SKILL.md and its folder, Video Stitcher needs the command-line tools its instructions call (ffmpeg).
Does Video Stitcher 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 Stitcher 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 Video Stitcher use?
No licence was found for Video Stitcher or its repository. Without one, default copyright applies: ask the author before reusing or redistributing it.
How many tokens does Video Stitcher use?
About 845 tokens (SKILL.md is roughly 3.4k 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 Stitcher?
Skills that share tags, products or a category with Video Stitcher: Remotion Best Practices (lyonjs/shortvid.io, 147 stars), HyperFrames Video Entry Point (heygen-com/hyperframes, 59k stars), Shorts (AgriciDaniel/claude-shorts, 218 stars) and Black White Text Opener (Pluviobyte/video-production-skills, 667 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Video Stitcher?
npc-live (a GitHub organization) maintains it in npc-live/clawfirm, which has 156 GitHub stars. The repository holds 49 skills in this directory. The repository was last updated on June 17, 2026.
Source: npc-live/clawfirm on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.