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.
Clone or update https://github.com/vibe-motion/procedural-fish and render procedural-fish animation to a video using the project's own render command.
Install Procedural Fish Render
$ npx skills add vibe-motion/skills --skill procedural-fish-render -a claude-codeProject install by default; add -g for ~/.claude/skills/.
$ gh skill install vibe-motion/skills procedural-fish-render --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/vibe-motion/skills.git skills-src && mkdir -p .claude/skills && cp -r skills-src/procedural-fish-render .claude/skills/procedural-fish-render && 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 "procedural-fish-render" agent skill from https://github.com/vibe-motion/skills/tree/main/procedural-fish-render into .claude/skills/procedural-fish-render/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "procedural-fish-render", 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/vibe-motion/skills/tree/main/procedural-fish-renderType 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 vibe-motion/skills --skill procedural-fish-render -a codexProject install goes to .agents/skills/; add -g for ~/.codex/skills/.
$ gh skill install vibe-motion/skills procedural-fish-render --agent codexProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/vibe-motion/skills.git skills-src && mkdir -p .agents/skills && cp -r skills-src/procedural-fish-render .agents/skills/procedural-fish-render && rm -rf skills-srcUse ~/.agents/skills/ instead of .agents/skills for a personal install.
Codex skills documentation · loads skills from .agents/skills/
Install the "procedural-fish-render" agent skill from https://github.com/vibe-motion/skills/tree/main/procedural-fish-render into .agents/skills/procedural-fish-render/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "procedural-fish-render", 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 vibe-motion/skills --skill procedural-fish-render -a cursorProject install goes to .agents/skills/; add -g for ~/.cursor/skills/.
$ gh skill install vibe-motion/skills procedural-fish-render --agent cursorProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/vibe-motion/skills.git skills-src && mkdir -p .cursor/skills && cp -r skills-src/procedural-fish-render .cursor/skills/procedural-fish-render && 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 "procedural-fish-render" agent skill from https://github.com/vibe-motion/skills/tree/main/procedural-fish-render into .cursor/skills/procedural-fish-render/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "procedural-fish-render", 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/vibe-motion/skills.git --path procedural-fish-render--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 vibe-motion/skills --skill procedural-fish-render -a gemini-cliProject install goes to .agents/skills/; add -g for ~/.gemini/skills/.
$ gh skill install vibe-motion/skills procedural-fish-render --agent gemini-cliProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/vibe-motion/skills.git skills-src && mkdir -p .gemini/skills && cp -r skills-src/procedural-fish-render .gemini/skills/procedural-fish-render && 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 "procedural-fish-render" agent skill from https://github.com/vibe-motion/skills/tree/main/procedural-fish-render into .gemini/skills/procedural-fish-render/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "procedural-fish-render", 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 vibe-motion/skills procedural-fish-renderInstalls 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 vibe-motion/skills --skill procedural-fish-render -a github-copilotProject install goes to .agents/skills/; add -g for ~/.copilot/skills/.
$ git clone --depth 1 https://github.com/vibe-motion/skills.git skills-src && mkdir -p .github/skills && cp -r skills-src/procedural-fish-render .github/skills/procedural-fish-render && 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 "procedural-fish-render" agent skill from https://github.com/vibe-motion/skills/tree/main/procedural-fish-render into .github/skills/procedural-fish-render/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "procedural-fish-render", 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 vibe-motion/skills --skill procedural-fish-render -a opencodeOpenCode documents no install command of its own. Project install goes to .agents/skills/; add -g for ~/.config/opencode/skills/.
$ gh skill install vibe-motion/skills procedural-fish-render --agent opencodeProject scope by default (.agents/skills/); add --scope user for a personal install.
$ git clone --depth 1 https://github.com/vibe-motion/skills.git skills-src && mkdir -p .opencode/skills && cp -r skills-src/procedural-fish-render .opencode/skills/procedural-fish-render && 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 "procedural-fish-render" agent skill from https://github.com/vibe-motion/skills/tree/main/procedural-fish-render into .opencode/skills/procedural-fish-render/ in this project. Copy the whole folder (SKILL.md and every file beside it), keep the folder name "procedural-fish-render", 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
procedural-fish-render- GitHub stars
- 1.3k
- Token cost
- ~419 tokens
- SKILL.md length
- 77 words
- Files
- 2 (incl. scripts)
- Skills in repo
- 16
- Repo updated
- First seen
- Licence
- None found
At a glance
Clone or update https://github.com/vibe-motion/procedural-fish and render procedural-fish animation to a video using the project's own render command.
- Works in 3 steps: Resolve skill_dir and run the helper… → Optional parameters → Return the final absolute video path…
- The user asks to render 程序鱼/procedural fish
- SKILL.md covers Workflow and Behavior
- Runs Python scripts from its folder; calls git, python3 and pnpm; reaches github.com
What it does
Procedural Fish Render is an agent skill from vibe-motion/skills. Clone or update https://github.com/vibe-motion/procedural-fish and render procedural-fish animation to a video using the project's own render command. Use when the user asks to render 程序鱼/procedural fish, export a 程序鱼视频, or run procedural-fish Remotion rendering.
Its SKILL.md is about 420 tokens, which your agent loads only when the skill is triggered. The skill folder holds 2 other files, including scripts (for example `scripts/render_procedural_fish.py`).
It sits in Media & Creative, covering Video production. It works with Remotion, GitHub and Git. The repository describes itself as: agent skills for vibe motion.
When your agent uses it
- The user asks to render 程序鱼/procedural fish
- Run procedural-fish Remotion rendering
Example prompts
- “/procedural-fish-render”
Requirements
- Python 3
Workflow steps
3 steps, taken from the first numbered list in SKILL.md.
- Resolve skill_dir and run the helper script
- Optional parameters
- Return the final absolute video path printed by the script.
What it can do on your machine
Read from SKILL.md and the folder at commit 4c86c0d. 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:
gitpython3pnpm
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:
github.com
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
Procedural Fish Render loads about 419 tokens when it runs. Until then it costs about 72 tokens; SKILL.md has 77 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
Without a licence we can't republish the file, so here is its outline and opening line. It has 77 words (~419 tokens).
- name
- procedural-fish-render
Files
SKILL.md and 1 other file (scripts) in procedural-fish-render of vibe-motion/skills.
- SKILL.md
- scripts/render_procedural_fish.py
Open the folder on GitHubat commit 4c86c0d
Compare with similar skills
Procedural Fish Render 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 |
|---|---|---|---|---|---|---|
| Procedural Fish Render this skillvibe-motion/skills | 1.3k | — | ~419 | Automated safety check: Pass | None | |
| HyperFrames Video Entry Pointheygen-com/hyperframes | 59k | 3 repos | ~5.2k | Automated safety check: Pass | Apache-2.0 | |
| Find Unplanned Issuesremotion-dev/remotion | 63k | — | ~673 | Automated safety check: Pass | Custom licence | |
| Update Remotion Rust Ffmpegremotion-dev/remotion | 63k | — | ~1k | Automated safety check: Pass | Custom licence | |
| Upload R2remotion-dev/remotion | 63k | — | ~535 | Automated safety check: Notes | Custom licence | |
| Issueremotion-dev/remotion | 63k | — | ~326 | Automated safety check: Pass | Custom licence |
Similar skills
- Official
Find Unplanned Issues
remotion-dev/remotion
Audit and clean the Remotion GitHub masterplan hierarchy. An agent skill from remotion-dev/remotion.
- Official
Update Remotion Rust Ffmpeg
remotion-dev/remotion
Update Remotion's ffmpeg-next Git revision to a published rust-ffmpeg commit, refresh Cargo.lock, rebuild all supported compositor binaries, validate the monorepo, and open a draft pull request.
- Official
Upload R2
remotion-dev/remotion
Upload large Remotion repository assets to the Cloudflare R2 bucket behind remotion.media and replace local public/ assets with hosted URLs.
- Official
Issue
remotion-dev/remotion
Create, edit, or comment on Remotion GitHub issues. An agent skill from remotion-dev/remotion.
- Official
Update Stars
remotion-dev/remotion
Update Remotion homepage GitHub star counts. An agent skill from remotion-dev/remotion.
More from vibe-motion/skills
All 16 skills in this repoPixel2motion
vibe-motion/skills
Turn a raster logo (PNG/JPG/WebP/screenshot) into a clean minimal SVG with edge smoothness as the primary hard gate and IoU optimized as high as reasonably possible without a fixed global threshold…
Brand Launch Video Star
vibe-motion/skills
Create fast, high-impact 15-30 second brand and product marketing videos from an official company website, verified brand sources, or user-uploaded product imagery.
3D Chladni Render
vibe-motion/skills
Clone or update https://github.com/nolangz/3D-Chladni and export deterministic 3D Chladni particle motion as MP4 or transparent ProRes MOV.
Colorize
vibe-motion/skills
Turn photos, videos, and Live Photos into a black-and-white to color reveal clip (单彩渐变 + 动感模糊 + 丁达尔旋焦).
Light Spotlight Render
vibe-motion/skills
Generate a swinging spotlight text-reveal HTML animation with configurable text, swing angle, lamp scale, glow, and colors.
Printed Curtain Render
vibe-motion/skills
Generate a browser-based p5.js curtain simulation that weaves user-supplied PNG, JPEG, or WebP artwork and optional text into individually moving strands.
Related
Categories
Questions about Procedural Fish Render
What does Procedural Fish Render do?
Clone or update https://github.com/vibe-motion/procedural-fish and render procedural-fish animation to a video using the project's own render command. Procedural Fish Render is an agent skill from vibe-motion/skills.com/vibe-motion/procedural-fish and render procedural-fish animation to a video using the project's own render command.
When should I use Procedural Fish Render?
Procedural Fish Render fits situations like: the user asks to render 程序鱼/procedural fish; run procedural-fish Remotion rendering.
How do I install Procedural Fish Render in Claude Code?
Run `npx skills add vibe-motion/skills --skill procedural-fish-render -a claude-code`. Or copy the skill folder (procedural-fish-render in vibe-motion/skills) into .claude/skills/procedural-fish-render in your project. Claude Code loads it when a task matches its description.
How do I install Procedural Fish Render in Codex?
Run `npx skills add vibe-motion/skills --skill procedural-fish-render -a codex`. Or copy the skill folder (procedural-fish-render in vibe-motion/skills) into .agents/skills/procedural-fish-render in your project. Codex loads it when a task matches its description.
Can I use Procedural Fish Render 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 vibe-motion/skills --skill procedural-fish-render -a cursor` (or -a gemini-cli, github-copilot or opencode for the others). To copy it by hand, put the folder in .cursor/skills/procedural-fish-render, .gemini/skills/procedural-fish-render, .github/skills/procedural-fish-render and .opencode/skills/procedural-fish-render in your project.
What does Procedural Fish Render need to run?
Going by SKILL.md and its folder, Procedural Fish Render needs Python for the scripts in its folder and the command-line tools its instructions call (git, python3 and pnpm). Our summary lists: Python 3.
Does Procedural Fish Render access the network?
SKILL.md names 1 domain. In commands or code: github.com; the agent is likely to contact it when it follows the instructions. This is read from the text; nothing was executed.
Is Procedural Fish Render 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 Procedural Fish Render use?
No licence was found for Procedural Fish Render or its repository. Without one, default copyright applies: ask the author before reusing or redistributing it.
How many tokens does Procedural Fish Render use?
About 419 tokens (SKILL.md is roughly 1.7k 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 Procedural Fish Render?
Skills that share tags, products or a category with Procedural Fish Render: HyperFrames Video Entry Point (heygen-com/hyperframes, 59k stars), Find Unplanned Issues (remotion-dev/remotion, 63k stars), Update Remotion Rust Ffmpeg (remotion-dev/remotion, 63k stars) and Upload R2 (remotion-dev/remotion, 63k stars). The comparison table on this page puts their stars, adoption, token cost, safety result and licence side by side.
Who maintains Procedural Fish Render?
vibe-motion (a GitHub organization) maintains it in vibe-motion/skills, which has 1,330 GitHub stars. The repository holds 16 skills in this directory. The repository was last updated on October 5, 2026.
Source: vibe-motion/skills on GitHub. Facts on this page come from the repository at the commit we read; the author's words are quoted as theirs.