Scroll Promo Site Builder
kangarooking/kangarooking-skills
Create a scroll-controlled cinematic product website with rich motion (动效网站) from product materials, reference pages or videos, and brand assets.
Generates and prompts video clips on the filmmaking canvas. An agent skill from Utopai-Research/pai-code.
Install Video Compose
$ npx skills add Utopai-Research/pai-code --skill video-compose -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install Utopai-Research/pai-code video-compose --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/Utopai-Research/pai-code.git skills-src && mkdir -p .claude/skills && cp -r skills-src/skills/video-compose .claude/skills/video-compose && 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-compose" agent skill from https://github.com/Utopai-Research/pai-code/tree/main/skills/video-compose into .claude/skills/video-compose/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "video-compose", 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/Utopai-Research/pai-code/tree/main/skills/video-composeType 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 Utopai-Research/pai-code --skill video-compose -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install Utopai-Research/pai-code video-compose --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/Utopai-Research/pai-code.git skills-src && mkdir -p .agents/skills && cp -r skills-src/skills/video-compose .agents/skills/video-compose && 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-compose" agent skill from https://github.com/Utopai-Research/pai-code/tree/main/skills/video-compose into .agents/skills/video-compose/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "video-compose", 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 Utopai-Research/pai-code --skill video-compose -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install Utopai-Research/pai-code video-compose --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/Utopai-Research/pai-code.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/skills/video-compose .cursor/skills/video-compose && 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-compose" agent skill from https://github.com/Utopai-Research/pai-code/tree/main/skills/video-compose into .cursor/skills/video-compose/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "video-compose", 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/Utopai-Research/pai-code.git --path skills/video-compose--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 Utopai-Research/pai-code --skill video-compose -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install Utopai-Research/pai-code video-compose --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/Utopai-Research/pai-code.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/skills/video-compose .gemini/skills/video-compose && 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-compose" agent skill from https://github.com/Utopai-Research/pai-code/tree/main/skills/video-compose into .gemini/skills/video-compose/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "video-compose", 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 Utopai-Research/pai-code video-composeInstalls 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 Utopai-Research/pai-code --skill video-compose -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/Utopai-Research/pai-code.git skills-src && mkdir -p .github/skills && cp -r skills-src/skills/video-compose .github/skills/video-compose && 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-compose" agent skill from https://github.com/Utopai-Research/pai-code/tree/main/skills/video-compose into .github/skills/video-compose/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "video-compose", 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 Utopai-Research/pai-code --skill video-compose -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install Utopai-Research/pai-code video-compose --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/Utopai-Research/pai-code.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/skills/video-compose .opencode/skills/video-compose && 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-compose" agent skill from https://github.com/Utopai-Research/pai-code/tree/main/skills/video-compose into .opencode/skills/video-compose/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "video-compose", 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-compose- GitHub stars
- 357
- Token cost
- ~4.1k tokens
- SKILL.md length
- 1,857 words
- Files
- 5 (incl. references)
- Skills in repo
- 6
- Repo updated
- First seen
- Licence
- Custom licence
At a glance
Generates and prompts video clips on the filmmaking canvas. An agent skill from Utopai-Research/pai-code.
- Works in 7 steps: Standalone T2V → Animate a canvas image (I2V) → Compose with canvas characters / locations → …
- The user asks to generate
- SKILL.md covers Hard defaults, First-use video mode, CLI shape and Model version (--version), plus 8 more sections
- Calls node
What it does
Video Compose is an agent skill from Utopai-Research/pai-code. Generates and prompts video clips on the filmmaking canvas. Use when the user asks to generate, render, animate, continue, restyle, edit, shoot, or compose a video clip; render script or shot notes as video; animate a storyboard, starting frame, image, character, location, or reference; use image, video, audio, storyboard, starting-frame, or voice refs; compose an ad, brand film, product promo, music-video shot, or video sequence; or before calling generatevideo.js. Owns video CLI flags, refs, prompt…
Its SKILL.md is about 4.1k tokens, which your agent loads only when the skill is triggered. The skill folder holds 5 other files, including reference files (for example `references/video-editing.md`, `references/video-extension.md` and `references/video-multi-shot.md`).
It sits in Media & Creative, covering Video production, Comics and storyboards and AI video generation. The repository describes itself as: Local AI filmmaking studio — skills, canvas, timeline — driven from your coding agent.
When your agent uses it
- The user asks to generate
- Compose a video clip
- Shot notes as video
- Animate a storyboard
Example prompts
- “Use the video-compose skill to generate and prompts video clips on the filmmaking canvas. An agent skill from Utopai-Research/pai-code”
- “/video-compose”
Workflow steps
7 steps, taken from the step headings in SKILL.md.
- Standalone T2V
- Animate a canvas image (I2V)
- Compose with canvas characters / locations
- Extend a canvas clip
- Edit a canvas clip
- Voice-driven clip
- Multi-shot / brand / ad / MV
What it can do on your machine
Read from SKILL.md and the folder at commit 825bca2. 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:
node
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 Compose loads about 4.1k tokens when it runs, and up to ~10k if it reads all its reference files. Until then it costs about 147 tokens; SKILL.md has 1,857 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,857 words (~4,063 tokens).
“Intent dispatcher. Patterns name trigger, call, edges, and prompt reference.”
- name
- video-compose
Files
SKILL.md and 4 other files (references) in skills/video-compose of Utopai-Research/pai-code.
- SKILL.md
- references/video-editing.md
- references/video-extension.md
- references/video-multi-shot.md
- references/video-single-shot.md
Open the folder on GitHubat commit 825bca2
Compare with similar skills
Video Compose 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 Compose this skillUtopai-Research/pai-code | 357 | — | ~4.1k | Automated safety check: Pass | Custom licence | |
| Scroll Promo Site Builderkangarooking/kangarooking-skills | 662 | — | ~2.6k | Automated safety check: Pass | MIT | |
| Video DirectorJamailar/Beav | 1.8k | — | ~9.6k | Automated safety check: Pass | Custom licence | |
| Scripting And Storyboardingsocial-media-skills/skills | 134 | — | ~2.1k | Automated safety check: Pass | MIT | |
| MiniMax H3 Video DirectorTFboy1/oh-my-minimaxh3-director | 143 | — | ~2.4k | Automated safety check: Pass | MIT | |
| Higgsfield Motion DesignOSideMedia/higgsfield-ai-prompt-skill | 713 | — | ~2.3k | Automated safety check: Pass | MIT |
Similar skills
Video Director
Jamailar/Beav
Canonical entrypoint for every AI chat request that asks to make, generate, plan, or edit a video, including promotional films, ads, short videos, product videos, reference-image videos…
Scripting And Storyboarding
social-media-skills/skills
The pre-production system — turn a video idea into a shootable, editable plan: the two-column AV script, the storyboard as a decision document, the numbered shot list, the batch-shoot plan, and the…
MiniMax H3 Video Director
TFboy1/oh-my-minimaxh3-director
Turns a script into a storyboard, assigns MiniMax H3 workflows in ComfyUI, monitors batch generation and builds a Jianying draft of the finished video.
Higgsfield Motion Design
OSideMedia/higgsfield-ai-prompt-skill
End-to-end motion-design / animated-ad creation flow on Higgsfield via the MCP connector.
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.
More from Utopai-Research/pai-code
Groups Compose
Utopai-Research/pai-code
Designs and maintains semantic groupings and readable layouts on the filmmaking canvas — scenes, character-reference sets, act beats, and other titled visual frames.
Script Compose
Utopai-Research/pai-code
Handles explicit screenplay/story work on the filmmaking canvas.
Story To Video Workflow
Utopai-Research/pai-code
Orchestrates story, script, screenplay, concept, product promo, and multi-shot idea work into finished video.
Voice Compose
Utopai-Research/pai-code
Designs and attaches voice samples or final narration/line audio on the filmmaking canvas via the local generatevoice.js CLI.
Image Compose
Utopai-Research/pai-code
Generates/edits filmmaking canvas images via generateimage.js and generateimagepro.js.
Related
Categories
Questions about Video Compose
What does Video Compose do?
Generates and prompts video clips on the filmmaking canvas. An agent skill from Utopai-Research/pai-code. Video Compose is an agent skill from Utopai-Research/pai-code. Generates and prompts video clips on the filmmaking canvas.
When should I use Video Compose?
Video Compose fits situations like: the user asks to generate; compose a video clip; shot notes as video; animate a storyboard.
How do I install Video Compose in Claude Code?
Run `npx skills add Utopai-Research/pai-code --skill video-compose -a claude-code`. Or copy the skill folder (skills/video-compose in Utopai-Research/pai-code) into .claude/skills/video-compose in your project. Claude Code loads it when a task matches its description.
How do I install Video Compose in Codex?
Run `npx skills add Utopai-Research/pai-code --skill video-compose -a codex`. Or copy the skill folder (skills/video-compose in Utopai-Research/pai-code) into .agents/skills/video-compose in your project. Codex loads it when a task matches its description.
Can I use Video Compose 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 Utopai-Research/pai-code --skill video-compose -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-compose, .gemini/skills/video-compose, .github/skills/video-compose and .opencode/skills/video-compose in your project.
What does Video Compose need to run?
Going by SKILL.md and its folder, Video Compose needs the command-line tools its instructions call (node).
Does Video Compose 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 Compose 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 Compose use?
Video Compose 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 Video Compose use?
About 4.1k 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. Its references folder adds about 5.9k tokens, read only when the agent opens those files.
What are the alternatives to Video Compose?
Skills that share tags, products or a category with Video Compose: Scroll Promo Site Builder (kangarooking/kangarooking-skills, 662 stars), Video Director (Jamailar/Beav, 1.8k stars), Scripting And Storyboarding (social-media-skills/skills, 134 stars) and MiniMax H3 Video Director (TFboy1/oh-my-minimaxh3-director, 143 stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Video Compose?
Utopai-Research (a GitHub organization) maintains it in Utopai-Research/pai-code, which has 357 GitHub stars. The repository holds 6 skills in this directory. The repository was last updated on September 29, 2026.
Source: Utopai-Research/pai-code on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.