К основному содержанию
скилл CX Codex

procedural-fish-render — скилл для Claude Code: как установить

Автоматизирует запуск Remotion для экспорта процедурной анимации рыбы в видеофайл через проектный скрипт.

Установить в Claude Code · Через Skills CLI (Vercel) Все способы и платформы ↓
npx skills add vibe-motion/skills --skill procedural-fish-render -a claude-code
Открыть на GitHub

Что делает procedural-fish-render

Скилл автоматизирует запуск сборки видео в репозитории procedural-fish. Если проект ещё не загружен локально, вспомогательный скрипт клонирует его с GitHub. При наличии локального каталога утилита обновляет ветку main с помощью команд git fetch и git pull --ff-only.

Генерация ролика выполняется командой pnpm run remotion:render. По умолчанию видео сохраняется в файл out/procedural-fish-transparent.mov с настройками из shared/project/render-presets/default.json. Пользователь может передать свои значения параметров через флаги --output, --props-file и --workspace.

Для выполнения процесса требуется бинарник /usr/local/bin/python3 и установленный менеджер пакетов pnpm. Жёсткая привязка к конкретному интерпретатору означает, что в системах с другим расположением Python скрипт завершится сбоем.

Какие задачи решает

  • клонировать или обновить репозиторий procedural-fish
  • собрать видеоролик с прозрачным фоном через Remotion
  • запустить рендеринг видео с кастомным файлом параметров

Примеры запросов агенту

  • Срендери анимацию procedural-fish в видео
  • Экспортируй процедурную анимацию рыбы в out/custom.mov через Remotion
  • Запусти рендеринг procedural-fish с настройками из default.json

Как установить procedural-fish-render

1Через Skills CLI (Vercel)

npx skills add vibe-motion/skills --skill procedural-fish-render -a claude-code

2Вручную: положить файлы

~/.claude/skills/procedural-fish-render/SKILL.md

Папка скилла целиком; для одного проекта — .claude/skills/procedural-fish-render/

По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов

Вопросы о procedural-fish-render

Как установить procedural-fish-render в Claude Code?

Для установки выполните npx skills add vibe-motion/skills --skill procedural-fish-render -a claude-code. Файлы скилла будут сохранены в ~/.claude/skills/procedural-fish-render/SKILL.md.

Что делает скилл procedural-fish-render?

Он загружает или обновляет код репозитория procedural-fish и запускает команду pnpm run remotion:render. В результате создаётся видеофайл с анимацией рыбы.

Какие зависимости нужны для работы?

Для запуска требуются git, менеджер pnpm и интерпретатор по пути /usr/local/bin/python3. Если исполняемый файл Python расположен в другом месте, скрипт завершится ошибкой.

Похожие скиллы

Всё по теме «Фронтенд и UI» →
remotion-video iart-ai Скилл для сборки MP4, GIF и WebM прямо в React: каждый кадр — чистая функция от useCurrentFrame, поэтому рендер детерминированный и повторяемый. CX Codex +1 2 600установок remotion-render 101-skills Скилл отдаёт TSX-компонент Remotion в inference.sh и получает готовый MP4. Пригодится, когда видео нужно собирать кодом, а не руками в редакторе. CX Codex +1 109 700установок remotion-markup remotion-dev Скилл задаёт правила написания React-разметки для Remotion: анимации через кадры, работа с медиа и эффектами. Пригодится, если вы собираете видео кодом. CX Codex +1 207 700установок cinetic Leonxlnx Скилл для съёмки коротких промо-роликов кодом: раскадровка, тайминг, звук и рендер в Remotion или HyperFrames. CX Codex +1 1 000установок remotion-video-toolkit shreefentsar Скилл учит ИИ-агента писать код Remotion: анимации, тайминг, рендер в MP4, субтитры, графики и 3D. Пригодится, когда видео генерируется из данных, а не собирается руками в редакторе. CX Codex +1 779установок remotion-video-creation affaan-m Скилл подсказывает агенту правила работы с Remotion в React: от анимаций и звука до субтитров, графиков и переходов. Пригодится при сборке видео из React-компонентов. CX Codex +1 4 900установок

Из того же набора3

Спонсоры проекта

Компании, которые помогают держать аналитику открытой