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

record-promo — скилл для Claude Code: промо-видео игры

Записывает автономный ролик геймплея в 50 FPS для TikTok, Reels и X. Нужен, когда игра уже играется, а показать её нечем.

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

Что делает record-promo

Скилл открывает игру на локальном дев-сервере, сам прогоняет её через Playwright и снимает геймплей без участия человека. Смерть и провалы на время записи отключаются, поэтому дубль не оборвётся на середине. По умолчанию берётся вертикальный кадр 1080 × 1920 и 13 секунд игрового времени — формат под мобильные ленты.

Перед запуском скилл проверяет три вещи: работает ли дев-сервер (если нет, поднимает npm run dev), стоит ли Playwright и есть ли FFmpeg. Без FFmpeg он останавливается и просит поставить его — на macOS это brew install ffmpeg. Дальше читает исходники игры, чтобы понять управление и размеры сцены, и собирает scripts/capture-promo.mjs под конкретный проект. Готовый ролик лежит в output/promo.mp4, рядом остаётся кадр-превью с пятой секунды.

Это не тестирование. Для прогонов на баги есть отдельный скилл qa-game, и путать их не стоит: здесь важно, чтобы запись выглядела хорошо, а не чтобы игра прошла проверку.

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

  • записать вертикальный ролик геймплея без ручной игры
  • собрать MP4 из сырого webm в 50 FPS
  • отключить смерть и провалы на время съёмки
  • подобрать последовательность нажатий под управление конкретной игры
  • получить кадр-превью для обложки поста

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

  • /record-promo examples/flappy-bird
  • запиши промо-видео для моей игры
  • сними геймплей и сделай трейлер

Как установить record-promo

1Через Skills CLI (Vercel)

npx skills add PlayableIntelligence/game-creator --skill record-promo -a claude-code

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

~/.claude/skills/record-promo/SKILL.md

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

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

Вопросы о record-promo

Как установить record-promo в Claude?

Выполните npx skills add PlayableIntelligence/game-creator --skill record-promo -a claude-code. После этого файл скилла появится по пути ~/.claude/skills/record-promo/SKILL.md.

Что делает record-promo?

Записывает автономный ролик геймплея Phaser-игры в 50 FPS и конвертирует его в MP4 для соцсетей. Смерть и провалы на время записи отключаются.

Что нужно поставить заранее?

Playwright и FFmpeg. Если FFmpeg не найден, скилл останавливается и просит установить его — на macOS командой brew install ffmpeg.

Исходный текст

SKILL.md · MIT
---
name: record-promo
description: Record an autonomous 50 FPS promo video of your game for social media. Use when the user says "record a video", "make a promo", "capture gameplay", "record gameplay footage", or "make a trailer for my game". Do NOT use for gameplay testing (use qa-game).
argument-hint: "[path-to-game]"
license: MIT
metadata:
  author: OpusGameLabs
  version: 1.3.0
  tags: [game, video, promo, recording, playwright, ffmpeg]
---

# Record Promo Video

Autonomously capture smooth, high-FPS gameplay footage of your Phaser game — ready for TikTok, Reels, Moltbook, or X. No human input needed during recording.

## Instructions

Record a promo video of the game at `$ARGUMENTS` (or the current directory if no path given).

### 1. Pre-checks

Verify these are available:
- **Dev server**: Check if one is already running (`curl -s http://localhost:3000/`). If not, start one with `npm run dev` in the background. Note the port.
- **Playwright**: `npx playwright --version`. If not installed: `npm install -D @playwright/test && npx playwright install chromium`
- **FFmpeg**: `ffmpeg -version | head -1`. If not found, tell the user to install it (`brew install ffmpeg` on macOS) and stop.

### 2. Generate the capture script

Load the `promo-video` skill for the full technique reference.

Read the game's source files to understand:
- `src/scenes/GameScene.js` — find death/failure methods to patch out
- `src/core/EventBus.js` — event flow
- `src/core/Constants.js` — input keys, game dimensions
- `src/main.js` — verify `__GAME__` and `__GAME_STATE__` globals are exposed

Create `scripts/capture-promo.mjs` adapted for this specific game:
- Patch out ALL death/failure code paths
- Generate input sequences matching the game's actual controls
- Include entrance animation pause (1-2s)
- Default viewport: `1080 × 1920` (9:16 mobile portrait)
- Default duration: 13s game-time

### 3. Copy the conversion script

```bash
cp <plugin-root>/skills/promo-video/scripts/convert-highfps.sh <project-dir>/scripts/
chmod +x <project-dir>/scripts/convert-highfps.sh
```

### 4. Run the capture

```bash
mkdir -p output
node scripts/capture-promo.mjs --port <port>
bash scripts/convert-highfps.sh output/promo-raw.webm output/promo.mp4 0.5
```

### 5. Verify and preview

Extract a thumbnail at the 5-second mark and show it to the user:
```bash
ffmpeg -y -ss 5 -i output/promo.mp4 -frames:v 1 -update 1 output/promo-thumbnail.jpg
```

Read the thumbnail image and display it. Report duration, frame rate, and file size.

## Example Usage

```
/record-promo examples/flappy-bird
```
Result: Patches out death → generates input sequence for the game's controls → captures 13s of autonomous gameplay at 1080x1920 (9:16) → converts to 50 FPS MP4 → `output/promo.mp4` ready for TikTok/Reels.

Tell the user:
> Promo video recorded! 50 FPS, mobile portrait (1080×1920).
>
> **File**: `output/promo.mp4`
>
> Post it to TikTok, Reels, or X to drive traffic to your game.

© OpusGameLabs · MIT · PlayableIntelligence/game-creator

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

Всё по теме «Геймдев и 3D: Unity, Unreal, Godot, Blender» →
newsletter-promo charlie947 Собирает 12–20-секундный промо-клип для LinkedIn, Instagram или X из одного выпуска рассылки: хук, три кадра-доказательства и финальная карточка. CX Codex +1 1 400установок motion-broll Barty-Bart Создаёт моушн-графику и перебивки для разговорных видео по таймкодам субтитров. Генерирует анимации с морфингом одного элемента в такт речи спикера. CX Codex +1 1 700установок demo-video Alireza Rezvani Превращает описания сцен и скриншоты в готовые демо-ролики или GIF с озвучкой и анимацией прямо в Claude Code. 708установок playwright-recording digitalsamba Скилл записывает действия в браузере как видео через Playwright — для демо, обзоров интерфейса и футажа под Remotion. CX Codex +1 1 300установок ui-demo affaan-m Скилл записывает демо-ролики веб-приложения через Playwright: видимый курсор, ровный темп, раскадровка по шагам. Пригодится для онбординга и презентаций. CX Codex +1 4 700установок explainer-high-energy Barty-Bart Собирает 12–20-секундный динамичный промо-ролик о продукте: HTML-страница рендерится в MP4 с синтезированной музыкой. CX Codex +1 831установок

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

meshyai Генерирует 3D-модели из текста или картинки через Meshy AI, ставит скелет на гуманоидов и добавляет анимации ходьбы и бега для Three.js. CX Codex +1 907установок quick-game Генерирует черновой играбельный прототип на Phaser или Three.js без графики, звука и полировки. Пригодится, когда нужно сразу запустить и проверить базовую механику. CX Codex +1 866установок monetize-game Регистрирует браузерную игру на Play.fun, подключает клиентский SDK с очками и таблицей лидеров, а затем выдаёт ссылку для игроков. CX Codex +1 862установок promo-video Записывает автономный промо-ролик игры на Phaser в MP4 50 FPS, вертикально 9:16. Пригодится, когда нужен клип для соцсетей без ручной съёмки. CX Codex +1 857установок use-template Копирует готовый шаблон игры из галереи в новый проект. Рабочий код появляется сразу, без ИИ-пайплайна. CX Codex +1 838установок worldlabs Генерирует фотореалистичные 3D-окружения из текста или картинки через World Labs Marble API. Пригодится, когда нужен уровень или локация для игры. CX Codex +1 827установок fetch-tweet Извлекает текст публикации, медиафайлы и счётчики реакций из X без рендеринга JavaScript. Скилл запрашивает данные напрямую через публичный API fxtwitter по ссылке на твит. CX Codex +1 802установок threejs-perf Оптимизирует сцены Three.js через инстансинг, убирает лишние вызовы отрисовки и ускоряет рендеринг тысяч подвижных объектов. CX Codex +1 639установок

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

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