Remotion
aeonfun/aeon
Render a short (~10s) video on any topic with Remotion - the agent writes a storyboard JSON, a bundled React/Remotion project renders it to an MP4, and the clip is committed to the repo and…
Remotion Shot 组件实现。将 storyboard 转化为 React 组件。包含关键的帧计算规则（Math.round 强制）、interpolate 安全规则（最小 1 帧）、1080p 视觉标准、动画编排模式、音视频同步架构、组件复用模式。这是技术密度最高的 skill。
Install Carocut Builder Compositor
$ npx skills add bilibili/carocut --skill carocut-builder-compositor -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install bilibili/carocut carocut-builder-compositor --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/bilibili/carocut.git skills-src && mkdir -p .claude/skills && cp -r skills-src/.opencode/skills/carocut-builder-compositor .claude/skills/carocut-builder-compositor && 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 "carocut-builder-compositor" agent skill from https://github.com/bilibili/carocut/tree/main/.opencode/skills/carocut-builder-compositor into .claude/skills/carocut-builder-compositor/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "carocut-builder-compositor", 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/bilibili/carocut/tree/main/.opencode/skills/carocut-builder-compositorType 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 bilibili/carocut --skill carocut-builder-compositor -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install bilibili/carocut carocut-builder-compositor --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/bilibili/carocut.git skills-src && mkdir -p .agents/skills && cp -r skills-src/.opencode/skills/carocut-builder-compositor .agents/skills/carocut-builder-compositor && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "carocut-builder-compositor" agent skill from https://github.com/bilibili/carocut/tree/main/.opencode/skills/carocut-builder-compositor into .agents/skills/carocut-builder-compositor/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "carocut-builder-compositor", 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 bilibili/carocut --skill carocut-builder-compositor -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install bilibili/carocut carocut-builder-compositor --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/bilibili/carocut.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/.opencode/skills/carocut-builder-compositor .cursor/skills/carocut-builder-compositor && 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 "carocut-builder-compositor" agent skill from https://github.com/bilibili/carocut/tree/main/.opencode/skills/carocut-builder-compositor into .cursor/skills/carocut-builder-compositor/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "carocut-builder-compositor", 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/bilibili/carocut.git --path .opencode/skills/carocut-builder-compositor--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 bilibili/carocut --skill carocut-builder-compositor -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install bilibili/carocut carocut-builder-compositor --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/bilibili/carocut.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/.opencode/skills/carocut-builder-compositor .gemini/skills/carocut-builder-compositor && 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 "carocut-builder-compositor" agent skill from https://github.com/bilibili/carocut/tree/main/.opencode/skills/carocut-builder-compositor into .gemini/skills/carocut-builder-compositor/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "carocut-builder-compositor", 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 bilibili/carocut carocut-builder-compositorInstalls 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 bilibili/carocut --skill carocut-builder-compositor -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/bilibili/carocut.git skills-src && mkdir -p .github/skills && cp -r skills-src/.opencode/skills/carocut-builder-compositor .github/skills/carocut-builder-compositor && 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 "carocut-builder-compositor" agent skill from https://github.com/bilibili/carocut/tree/main/.opencode/skills/carocut-builder-compositor into .github/skills/carocut-builder-compositor/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "carocut-builder-compositor", 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 bilibili/carocut --skill carocut-builder-compositor -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install bilibili/carocut carocut-builder-compositor --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/bilibili/carocut.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/.opencode/skills/carocut-builder-compositor .opencode/skills/carocut-builder-compositor && 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 "carocut-builder-compositor" agent skill from https://github.com/bilibili/carocut/tree/main/.opencode/skills/carocut-builder-compositor into .opencode/skills/carocut-builder-compositor/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "carocut-builder-compositor", 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
carocut-builder-compositor- GitHub stars
- 130
- Token cost
- ~7.6k tokens
- SKILL.md length
- 1,543 words
- Files
- 1
- Skills in repo
- 11
- Repo updated
- First seen
- Licence
- Custom licence
At a glance
Remotion Shot 组件实现。将 storyboard 转化为 React 组件。包含关键的帧计算规则（Math.round 强制）、interpolate 安全规则（最小 1 帧）、1080p 视觉标准、动画编排模式、音视频同步架构、组件复用模式。这是技术密度最高的 skill。
- Works in 4 steps: Shared Components - FlatDecorations,… → Shot Components - Chapter-by-chapter… → Audio Layers - VoiceoverLayer,… → …
- Tasks that involve Video production
- SKILL.md covers Incremental Mode, Implementation Order, Primitives 组件库 and Critical Rules, plus 2 more sections
- Instructions only: no scripts, shell commands, URLs or credentials in SKILL.md
What it does
Carocut Builder Compositor is an agent skill from bilibili/carocut. Remotion Shot 组件实现。将 storyboard 转化为 React 组件。包含关键的帧计算规则（Math.round 强制）、interpolate 安全规则（最小 1 帧）、1080p 视觉标准、动画编排模式、音视频同步架构、组件复用模式。这是技术密度最高的 skill。
Its SKILL.md is about 7.6k 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 and Comics and storyboards. It works with Remotion and React. The repository describes itself as: Multi-Agent 的视频制作助手，基于 OpenCode AI SDK 和 Remotion 构建。
When your agent uses it
- Tasks that involve Video production
- Tasks that involve Comics and storyboards
Example prompts
- “/carocut-builder-compositor”
Workflow steps
4 steps, taken from the first numbered list in SKILL.md.
- Shared Components - FlatDecorations, Card, DataTable, BarChart, plus motion-graphics from resources.yaml components section
- Shot Components - Chapter-by-chapter implementation
- Audio Layers - VoiceoverLayer, BackgroundMusicLayer, SfxLayer
- Main Composition - Assembly with TransitionSeries
What it can do on your machine
Read from SKILL.md and the folder at commit 2f8dc10. 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
No scripts in the folder and no shell commands in SKILL.md (its code samples are typescript, dot, bash and python).
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
Carocut Builder Compositor loads about 7.6k tokens when it runs. Until then it costs about 43 tokens; SKILL.md has 1,543 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
Its licence (Custom licence) doesn't allow us to republish the file, so here is its outline and opening line. It has 1,543 words (~7,630 tokens).
“Implements storyboard as Remotion React components. This is the core implementation phase where planning documents become working code.”
- name
- carocut-builder-compositor
Files
Just SKILL.md in .opencode/skills/carocut-builder-compositor of bilibili/carocut.
Open the folder on GitHubat commit 2f8dc10
Compare with similar skills
Carocut Builder Compositor 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 |
|---|---|---|---|---|---|---|
| Carocut Builder Compositor this skillbilibili/carocut | 130 | — | ~7.6k | Automated safety check: Pass | Custom licence | |
| Remotionaeonfun/aeon | 770 | — | ~3.1k | Automated safety check: Warn | MIT | |
| Remotion Best Practiceslyonjs/shortvid.io | 147 | 33 repos | ~1k | Automated safety check: Pass | MIT | |
| Remotion to HyperFrames Porterheygen-com/hyperframes | 60k | 3 repos | ~2.8k | Automated safety check: Pass | Apache-2.0 | |
| Anything2explainerVincentwei1021/anything2explainer | 2.4k | — | ~2.7k | Automated safety check: Pass | Custom licence | |
| Remotion Motion Graphicshaidrrrry/claude-remotion-skill | 340 | — | ~2k | Automated safety check: Pass | MIT |
Similar skills
Remotion Best Practices
lyonjs/shortvid.io
Best practices for Remotion - Video creation in React. An agent skill from lyonjs/shortvid.io.
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.
Anything2explainer
Vincentwei1021/anything2explainer
给一个主题，产出一条黑底 MG 风格（幕底可选星点或点阵波）、有配音字幕章节进度条的科普讲解视频（中文或英文；Remotion 代码动画；时长由用户定，常用 3–5 分钟）。内含可编译模板、图元库、配音/分镜/渲染工具、风格与动效规范、多 agent 分工协议与 QC 判据，以及一条完整样片（《RAG 与知识库》）作为质量标尺。Turn any topic into a narrated…
Remotion Motion Graphics
haidrrrry/claude-remotion-skill
Create and edit professional motion graphics videos with Remotion (React-based video).
Remotion Bits
Marve10s/Better-Fullstack
Animation components and utilities for Remotion video projects.
More from bilibili/carocut
All 11 skills in this repoCarocut Builder Remotion Ref
bilibili/carocut
Remotion API 参考索引。包含 50+ 条 Remotion API 规则的目录索引、关键规则速查表、常用模式代码示例。加载此 skill 获取索引，然后按需 read 具体规则文件。是 carocut-builder-compositor 的伴侣参考。
Carocut Media Audio
bilibili/carocut
音频素材生成与获取。批量 Edge TTS 旁白生成（支持 storyboard pacing 字段驱动语速）、BGM/SFX 检索（BGM 节奏匹配 BPM 规则）、音频时长提取。包含 Edge voice 配置、速度调整规则、durations.json 格式规范（含 audiovisualrelation 说明）和关键的音频时序规则。
Carocut Builder Pipeline
bilibili/carocut
Remotion 资产管道。调用 projectmigrate tool 将 raws/ 素材迁移到 template-project/public/ 并生成 resourceMap.ts、constants.ts、timing.ts。Agent 只需 edit constants.ts 中的 COLORS 和 FONTS。
Carocut Builder Setup
bilibili/carocut
额外包检测与安装。根据 storyboard 检测并安装额外依赖（lottie/3D/charts/gif 等）。模板和基础依赖已在 bootstrap 阶段完成。
Carocut Media Visual
bilibili/carocut
视觉素材获取与生成。根据 resources.yaml 定义，通过库存图片/视频搜索（Pexels/Pixabay）或 AI 生图（Caro LLM）获取视觉素材。包含搜索策略、视觉隐喻搜索（counterpoint 声画关系）、构图感知搜索（framing 字段）、prompt 工程指南、素材质量评估标准。
Carocut Planner Analysis
bilibili/carocut
视频素材分析与清点。解析 PDF 文档提取文本/图片/表格，组织原始素材目录，生成结构化的 inventory.yaml 素材清单。
Related
Categories
Questions about Carocut Builder Compositor
What does Carocut Builder Compositor do?
Remotion Shot 组件实现。将 storyboard 转化为 React 组件。包含关键的帧计算规则（Math.round 强制）、interpolate 安全规则（最小 1 帧）、1080p 视觉标准、动画编排模式、音视频同步架构、组件复用模式。这是技术密度最高的 skill。. Carocut Builder Compositor is an agent skill from bilibili/carocut.
When should I use Carocut Builder Compositor?
Carocut Builder Compositor fits situations like: tasks that involve Video production; tasks that involve Comics and storyboards.
How do I install Carocut Builder Compositor in Claude Code?
Run `npx skills add bilibili/carocut --skill carocut-builder-compositor -a claude-code`. Or copy the skill folder (.opencode/skills/carocut-builder-compositor in bilibili/carocut) into .claude/skills/carocut-builder-compositor in your project. Claude Code loads it when a task matches its description.
How do I install Carocut Builder Compositor in Codex?
Run `npx skills add bilibili/carocut --skill carocut-builder-compositor -a codex`. Or copy the skill folder (.opencode/skills/carocut-builder-compositor in bilibili/carocut) into .agents/skills/carocut-builder-compositor in your project. Codex loads it when a task matches its description.
Can I use Carocut Builder Compositor 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 bilibili/carocut --skill carocut-builder-compositor -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/carocut-builder-compositor, .gemini/skills/carocut-builder-compositor, .github/skills/carocut-builder-compositor and .opencode/skills/carocut-builder-compositor in your project.
What does Carocut Builder Compositor need to run?
SKILL.md names no scripts, command-line tools or credentials: Carocut Builder Compositor is instructions for the agent only.
Does Carocut Builder Compositor 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 Carocut Builder Compositor 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 Carocut Builder Compositor use?
Carocut Builder Compositor 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 Carocut Builder Compositor use?
About 7.6k tokens (SKILL.md is roughly 31k 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 Carocut Builder Compositor?
Skills that share tags, products or a category with Carocut Builder Compositor: Remotion (aeonfun/aeon, 770 stars), Remotion Best Practices (lyonjs/shortvid.io, 147 stars), Remotion to HyperFrames Porter (heygen-com/hyperframes, 60k stars) and Anything2explainer (Vincentwei1021/anything2explainer, 2.4k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Carocut Builder Compositor?
bilibili (a GitHub organization) maintains it in bilibili/carocut, which has 130 GitHub stars. The repository holds 11 skills in this directory. The repository was last updated on April 20, 2026.
Source: bilibili/carocut on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.