wechat-2d-render — скилл для Claude Code: рендер 2D-чата WeChat
Клонирует проект wechat-2d и собирает через Remotion демо-видео с анимацией чата в стиле WeChat. Пригодится, когда нужен готовый ролик для вставки в монтаж.
npx skills add vibe-motion/skills --skill wechat-2d-render -a claude-codeЧто делает wechat-2d-render
Скилл запускает один скрипт: scripts/render_wechat_2d.sh. Он берёт рабочую папку и путь вывода из аргументов, а если вы их не задали — работает в текущем каталоге и пишет результат в out/wechat-2d-transparent.mov. Третий аргумент — JSON с параметрами Remotion, по умолчанию shared/project/render-presets/default.json.
Внутри: локальный репозиторий переиспользуется, если папка workspace_dir/wechat-2d уже есть; иначе проект клонируется с GitHub. Обновление тянет ветку origin/HEAD. Зависимости ставятся через pnpm install, при отсутствии pnpm включается corepack. Дальше идут pnpm run remotion:ensure-browser и рендер с переменными REMOTION_OUTPUT и REMOTION_PROPS_FILE.
Выход — ProRes 4444 с пиксельным форматом yuva444p10le и PNG-кадрами, то есть файл с прозрачным фоном. Для работы нужны git, node, corepack или pnpm и сеть: без неё не пройдёт ни клонирование, ни установка пакетов. Размеры кадра задавайте через props JSON, сами videoWidth и videoHeight остаются параметрами раскладки.
Какие задачи решает
- Собрать демо-ролик с анимацией чата WeChat из готового проекта
- Перерендерить сцену после правок в
shared/features/demoMotion - Отдать видео с прозрачным фоном монтажёру
- Подставить свои параметры Remotion вместо дефолтного пресета
- Обновить локальную копию wechat-2d до ветки
origin/HEAD
Примеры запросов агенту
- Собери видео с анимацией чата WeChat в папку
out/final.mov - Отрендерь дефолтное демо wechat-2d в текущем каталоге
- Сделай рендер с параметрами из
presets/mobile.json
Как установить wechat-2d-render
1Через Skills CLI (Vercel)
npx skills add vibe-motion/skills --skill wechat-2d-render -a claude-code2Вручную: положить файлы
~/.claude/skills/wechat-2d-render/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/wechat-2d-render/
1Через Skills CLI (Vercel)
npx skills add vibe-motion/skills --skill wechat-2d-render -a codex2Вручную: положить файлы
.agents/skills/wechat-2d-render/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add vibe-motion/skills --skill wechat-2d-render -a cursor2Вручную: положить файлы
.cursor/skills/wechat-2d-render/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install vibe-motion/skills wechat-2d-render2Вручную: положить файлы
.github/skills/wechat-2d-render/SKILL.md1Через Skills CLI (Vercel)
npx skills add vibe-motion/skills --skill wechat-2d-render -a gemini-cli2Командой платформы
gemini skills install https://github.com/vibe-motion/skills --path wechat-2d-renderВручную: положить файлы
.devin/skills/wechat-2d-render/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add vibe-motion/skills --skill wechat-2d-render -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о wechat-2d-render
Как установить wechat-2d-render в Claude Code?
Выполните npx skills add vibe-motion/skills --skill wechat-2d-render -a claude-code, затем проверьте, что файл появился по пути ~/.claude/skills/wechat-2d-render/SKILL.md.
Что делает wechat-2d-render?
Клонирует или обновляет репозиторий wechat-2d и запускает рендер демо-видео с анимацией чата в стиле WeChat через Remotion, возвращая путь к готовому файлу.
Что нужно, чтобы скилл отработал?
git, node, corepack или pnpm, а также доступ в сеть для клонирования проекта и установки зависимостей.
