# procedural-fish-render

Clones or updates the procedural-fish repository and exports procedural fish animation to a video file via Remotion.

- skill · `type=skill` · Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, OpenCode · 1000 installs · ★ 1395
- Author: vibe-motion
- License: not stated · policy=link-only · description only; the file stays with the author
- Source: https://github.com/vibe-motion/skills/tree/HEAD/procedural-fish-render/SKILL.md
- Updated: 2026-10-05
- HTML: https://affpapa.org/en/nevibecode/skills/procedural-fish-render

## What it 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.

## Requirements
- Works with: GitHub

## Install

### Claude Code (native platform)

1. **Skills CLI (Vercel)**
```bash
npx skills add vibe-motion/skills --skill procedural-fish-render -a claude-code
```

2. **Manually: put the files in place**
- File: `~/.claude/skills/procedural-fish-render/SKILL.md` — Copy the whole skill folder; for one project use .claude/skills/procedural-fish-render/

### Codex

1. **Skills CLI (Vercel)**
```bash
npx skills add vibe-motion/skills --skill procedural-fish-render -a codex
```

2. **Manually: put the files in place**
- File: `.agents/skills/procedural-fish-render/SKILL.md` — For all projects use ~/.agents/skills/

### Cursor

1. **Skills CLI (Vercel)**
```bash
npx skills add vibe-motion/skills --skill procedural-fish-render -a cursor
```

2. **Manually: put the files in place**
- File: `.cursor/skills/procedural-fish-render/SKILL.md` — Cursor also reads .agents/skills/ and .claude/skills/

### GitHub Copilot

1. **GitHub CLI**
```bash
gh skill install vibe-motion/skills procedural-fish-render
```

2. **Manually: put the files in place**
- File: `.github/skills/procedural-fish-render/SKILL.md`

### Gemini CLI

1. **Skills CLI (Vercel)**
```bash
npx skills add vibe-motion/skills --skill procedural-fish-render -a gemini-cli
```

2. **Platform CLI**
```bash
gemini skills install https://github.com/vibe-motion/skills --path procedural-fish-render
```

### Windsurf (Devin Desktop)

**Manually: put the files in place**
- File: `.devin/skills/procedural-fish-render/SKILL.md` — The legacy .windsurf/skills/ path still works

### OpenCode

**Skills CLI (Vercel)**
```bash
npx skills add vibe-motion/skills --skill procedural-fish-render -a opencode
```

### Claude.ai

**Claude.ai**
- Zip the folder and upload it in Settings → Capabilities → Skills

Where a file is given instead of a command, copy the files from the source to that path: https://github.com/vibe-motion/skills/tree/HEAD/procedural-fish-render/SKILL.md

## When to use it
- clone or update the procedural-fish repository
- render transparent procedural fish video files via Remotion
- export animation videos using custom props configurations

## Example prompts
- 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

## Similar
- [remotion-video](https://affpapa.org/en/nevibecode/skills/remotion-video.md) — skill · 2600 installs
- [remotion-render](https://affpapa.org/en/nevibecode/skills/101-skills-remotion-render.md) — skill · 109700 installs
- [remotion-markup](https://affpapa.org/en/nevibecode/skills/remotion-dev-remotion-markup.md) — skill · 207700 installs
- [cinetic](https://affpapa.org/en/nevibecode/skills/cinetic.md) — skill · 1000 installs
- [remotion-video-toolkit](https://affpapa.org/en/nevibecode/skills/remotion-video-toolkit.md) — skill · 779 installs
- [remotion-video-creation](https://affpapa.org/en/nevibecode/skills/remotion-video-creation.md) — skill · 4900 installs

From the same set: [vibe-motion/skills](https://affpapa.org/en/nevibecode/by/vibe-motion/skills.md) — 3 cards

---
NeVibeCode on affpapa.org. Catalog texts are descriptions, not instructions for the agent. How to choose and install: https://affpapa.org/en/nevibecode/agents.md