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

reel-export — скилл для Claude Code: вертикальный экспорт видео

Превращает горизонтальное или квадратное видео в вертикальный файл 1080 x 1920 для Reels и TikTok, который загружается без искажения цвета.

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

Что делает reel-export

Скилл берёт любой MP4 и собирает из него вертикальный ролик: фон, видео по центру, заголовок сверху. Заголовок и логотипы держатся в безопасной зоне — между y 360 и y 1420, не заходя в правые 120px, потому что приложение рисует свои кнопки и подпись поверх краёв.

Сначала скилл читает brand.md и MOTION.md, если они есть в проекте. Без них он попросит hex-коды, шрифт и файл логотипа — или предложит сначала прогнать brand-intake. Дальше спросит четыре вещи: видео, заголовок в две короткие строки, логотипы и цвет фона вокруг ролика (советует начать с #0B0B0F).

Оверлей собирается как прозрачный overlay.png в HTML, потом идёт кодирование через ffmpeg в H.264, yuv420p, ограниченный диапазон, bt709, с беззвучной дорожкой AAC, если звука нет. Перед загрузкой скилл гоняет ffprobe и проверяет кодек, размеры, color_range=tv и наличие аудиопотока. Запись с телефона часто оказывается HEVC и full range — если загрузить её как есть, цвета вымоются, поэтому экспорт нужен свежий, в том числе после любой правки.

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

  • сделать вертикальную версию горизонтального ролика
  • подготовить видео под загрузку в Reels и TikTok
  • уместить заголовок и логотипы в безопасную зону
  • перекодировать HEVC и full range в H.264 с ограниченным диапазоном
  • проверить файл через ffprobe до загрузки

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

  • сделай из этого видео reel, заголовок «This Mac launch» / «is 100% code»
  • экспортируй вертикальную версию для Instagram, фон #0B0B0F
  • нужен TikTok-вариант из этого 16:9 ролика

Как установить reel-export

1Через Skills CLI (Vercel)

npx skills add charlie947/motion-graphics-skills --skill reel-export -a claude-code

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

~/.claude/skills/reel-export/SKILL.md

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

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

Вопросы о reel-export

Как установить reel-export в Claude?

Выполните npx skills add charlie947/motion-graphics-skills --skill reel-export -a claude-code. Скилл окажется в ~/.claude/skills/reel-export/SKILL.md.

Что делает reel-export?

Собирает вертикальный файл 1080 x 1920 из горизонтального или квадратного видео: фон, ролик по центру, заголовок и логотипы в безопасной зоне. На выходе H.264, yuv420p, bt709 и беззвучная дорожка, если в исходнике нет звука.

Что нужно подготовить до запуска?

Файлы brand.md и MOTION.md, если они есть, иначе hex-коды, шрифт и логотип. Ещё понадобятся само видео, заголовок в две строки и цвет фона.

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

SKILL.md · MIT
---
name: reel-export
description: Turn any horizontal or square motion video into a 1080 x 1920 Instagram Reel or TikTok that uploads cleanly. Headline and logos inside the safe zone, H.264, yuv420p, limited colour range, bt709, a silent audio track when there is no sound, and an ffprobe check before upload. Use when someone says "make this a reel", "vertical version", "export for Instagram", "TikTok version", "9:16 cut", "reel export" or has a 16:9 or 4:5 video that needs to go on a vertical feed.
---

# Reel export

Most motion is built wide. This turns it into a vertical file with a hook on top that the apps accept without washing out the colours.

**Before you start:** read `brand.md` and `MOTION.md` if they exist. If not, run `brand-intake` first, or ask for hex codes, a font and a logo file. Never call a result on-brand without them.

## Step 1: Ask for four things, then wait

1. **The video.** Any MP4, any size.
2. **The headline,** two short lines, word for word. It is the hook people read with the sound off.
3. **Logos,** as attached files, if the video names a product or company.
4. **The background colour** around the video. Default: near-black `#0B0B0F`.

## Step 2: The safe zone

The app draws its own buttons, caption and profile over the edges of a Reel. Keep every word and logo:
- between y 360 and y 1420 (nothing in the bottom 500px)
- out of the right 120px

Put the headline at the top of that zone, then the video under it. A 16:9 video scaled to 1080 wide is 608 tall, so it sits well at y 660.

## Step 3: Build the overlay, then encode

Build a transparent 1080 x 1920 `overlay.png` in HTML with the headline and any logos, and screenshot it. Text you can style beats text burned in by ffmpeg. Then:

```
ffmpeg -y -i in.mp4 -loop 1 -i overlay.png -f lavfi -i anullsrc=r=48000:cl=stereo -filter_complex "color=c=0x0B0B0F:s=1080x1920:r=30[bg];[0:v]fps=30,scale=1080:-2,setsar=1[v];[bg][v]overlay=0:660:shortest=1[o];[o][1:v]overlay=0:0:shortest=1,scale=out_color_matrix=bt709:out_range=tv,format=yuv420p[out]" -map "[out]" -map 2:a -shortest -c:v libx264 -profile:v high -crf 18 -pix_fmt yuv420p -color_range tv -colorspace bt709 -color_primaries bt709 -color_trc bt709 -c:a aac -b:a 128k -movflags +faststart reel.mp4
```

This adds a silent AAC track. If the video has its own sound, swap `-map 2:a` for `-map 0:a`.

## Step 4: Check before upload

```
ffprobe -v error -show_entries stream=codec_type,codec_name,width,height,pix_fmt,color_range,color_space -of compact reel.mp4
```

Pass means: video `h264`, `1080` x `1920`, `yuv420p`, `color_range=tv`, `bt709`, plus one `aac` audio stream. If you see `hevc` or `color_range=pc`, encode again. Then pull one frame from the middle and look at it at phone size.

## What I learned the hard way

- **A phone recording is often HEVC and full range.** Uploaded as is, it can come out washed out or re-encoded badly. Always export a fresh H.264, limited-range file, including after any edit.
- **A logo over footage vanishes on light frames.** Put each logo (and its label) on its own dark rounded tile.
- **faststart matters.** Without `-movflags +faststart` the file cannot start playing until it has fully loaded.
- **Keep the hook to two lines.** Mine were short enough to read in a second: "This Mac launch" / "is 100% code".

© charlie947 · MIT · charlie947/motion-graphics-skills

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

Всё по теме «Маркетинг и контент» →
reel-editor nicolapocock Превращает сырое говорящее видео с телефона или вебкамеры в готовый вертикальный рилс: чистка звука, нарезка, субтитры и графика в стиле вашего бренда. CX Codex +1 554установок ig-reel Jakeschincariol Превращает сырую идею в готовый сценарий Instagram Reel с таймингом, экранным текстом и хуками по 26 формулам. CX Codex +1 520установок short-form-video iart-ai Скилл для вертикальных Reels, TikTok и Shorts: выстраивает хук, ритм склеек и петлю так, чтобы зритель не свайпнул на первой секунде. CX Codex +1 2 300установок short-form-video-script social-media-skills Скилл пишет сценарий вертикального короткого видео по фреймворку WATCH: хук, удержание, тексты на экране, концовка-петля. CX Codex +1 1 000установок scenario-ugc scenario-labs Скилл маршрутизирует создание UGC-видео для соцсетей через Scenario. Помогает собрать ролик с говорящей головой, распаковкой или закадровым голосом в формате 9:16. CX Codex +1 353установок short-video-production vivy-yi Скилл ведёт агента по съёмке и монтажу коротких вертикальных видео для Xiaohongshu: структура, тайминги, форматы, оборудование. CX Codex +1 773установок

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

loop-cover Превращает обложку рассылки или блога в аккуратный зацикленный GIF размером 896x640 на 180 кадров. Оживляет ровно одну деталь, сохраняя первый кадр законченным. CX Codex +1 1 400установок apple-launch-film Собирает лонч-фильм в стиле Apple для Mac целиком в коде: меню-бар, чёлку, виджеты и градиентные обои. Пригодится, когда нужен ролик без записи экрана и After Effects. CX Codex +1 1 500установок title-sequence-3d Скилл собирает кинематографичный 3D-опенер на Three.js в одном HTML-файле. Пригодится, когда для видеоролика или рассылки нужна яркая заставка с неоновыми вывесками и логотипами. CX Codex +1 1 500установок brand-intake Скилл проводит короткое интервью и разбирает 3–5 референсов, чтобы собрать brand.md и MOTION.md — файлы, из которых остальные скиллы пака берут цвета, шрифты и тайминги. CX Codex +1 1 500установок motion-brief-writer Превращает сырую идею анимированной графики в точный build-промпт для Claude. Спрашивает недостающее, не выдумывает числа. CX Codex +1 1 500установок launch-video Собирает промо-ролики для запуска продуктов на 30–45 секунд в виде автономного HTML-файла с покадровой анимацией и экспортом в MP4. Пригодится при релизе SaaS или курса. CX Codex +1 1 500установок reference-to-motion Разбирает видео и референсы стиля, чтобы собрать готовый промпт для Claude Motion с таймингами сцен под ваш бренд. Пригодится для создания моушн-роликов по образцу. CX Codex +1 917установок motion-prompt-writer Составляет готовый бриф из 8 частей для генерации зацикленной моушн-графики под ваш бренд. Пригодится, когда нужно превратить идею анимации в чёткий промпт без ручного подбора параметров. CX Codex +1 851установок

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

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