procedural-fish-render — Claude Code skill: how to install
Clones or updates the procedural-fish repository and exports procedural fish animation to a video file via Remotion.
npx skills add vibe-motion/skills --skill procedural-fish-render -a claude-codeWhat procedural-fish-render does
The skill automates video rendering in the procedural-fish repository. If the project is not present locally, a Python script clones it directly from GitHub. When a local directory already exists, it synchronizes the main branch using git fetch and git pull --ff-only.
Rendering executes through pnpm run remotion:render. By default, the animation renders to out/procedural-fish-transparent.mov using configuration from shared/project/render-presets/default.json. You can supply custom values using the --output, --props-file, and --workspace flags.
Execution relies on /usr/local/bin/python3 and an existing pnpm installation. Because the path to Python is hardcoded, environments where Python resides in a different directory will fail during launch.
What it helps with
- clone or update the procedural-fish repository
- render transparent procedural fish video files via Remotion
- export animation videos using custom props configurations
Example prompts for the agent
- Render the procedural-fish animation into a video
- Export procedural fish animation to out/custom.mov using Remotion
- Run procedural-fish rendering with default.json preset
How to install procedural-fish-render
1Skills CLI (Vercel)
npx skills add vibe-motion/skills --skill procedural-fish-render -a claude-code2Manually: put the files in place
~/.claude/skills/procedural-fish-render/SKILL.mdCopy the whole skill folder; for one project use .claude/skills/procedural-fish-render/
1Skills CLI (Vercel)
npx skills add vibe-motion/skills --skill procedural-fish-render -a codex2Manually: put the files in place
.agents/skills/procedural-fish-render/SKILL.mdFor all projects use ~/.agents/skills/
1Skills CLI (Vercel)
npx skills add vibe-motion/skills --skill procedural-fish-render -a cursor2Manually: put the files in place
.cursor/skills/procedural-fish-render/SKILL.mdCursor also reads .agents/skills/ and .claude/skills/
1GitHub CLI
gh skill install vibe-motion/skills procedural-fish-render2Manually: put the files in place
.github/skills/procedural-fish-render/SKILL.md1Skills CLI (Vercel)
npx skills add vibe-motion/skills --skill procedural-fish-render -a gemini-cli2Platform CLI
gemini skills install https://github.com/vibe-motion/skills --path procedural-fish-renderManually: put the files in place
.devin/skills/procedural-fish-render/SKILL.mdThe legacy .windsurf/skills/ path still works
Skills CLI (Vercel)
npx skills add vibe-motion/skills --skill procedural-fish-render -a opencodeClaude.ai
Zip the folder and upload it in Settings → Capabilities → Skills
Step by step, with commands for each platform: How to install skills in Claude Code: five ways
Questions about procedural-fish-render
How do I install procedural-fish-render in Claude Code?
Run npx skills add vibe-motion/skills --skill procedural-fish-render -a claude-code. The skill definition will be placed in ~/.claude/skills/procedural-fish-render/SKILL.md.
What does procedural-fish-render do?
It clones or updates the procedural-fish project and runs pnpm run remotion:render. The script then returns the absolute path to the rendered video file.
What dependencies are required?
The workflow requires git, pnpm, and /usr/local/bin/python3. Missing any of these tools causes the rendering script to fail immediately.
