reel-export — скилл для Claude Code: вертикальный экспорт видео
Превращает горизонтальное или квадратное видео в вертикальный файл 1080 x 1920 для Reels и TikTok, который загружается без искажения цвета.
npx skills add charlie947/motion-graphics-skills --skill reel-export -a claude-codeЧто делает 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-code2Вручную: положить файлы
~/.claude/skills/reel-export/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/reel-export/
1Через Skills CLI (Vercel)
npx skills add charlie947/motion-graphics-skills --skill reel-export -a codex2Вручную: положить файлы
.agents/skills/reel-export/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add charlie947/motion-graphics-skills --skill reel-export -a cursor2Вручную: положить файлы
.cursor/skills/reel-export/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install charlie947/motion-graphics-skills reel-export2Вручную: положить файлы
.github/skills/reel-export/SKILL.md1Через Skills CLI (Vercel)
npx skills add charlie947/motion-graphics-skills --skill reel-export -a gemini-cli2Командой платформы
gemini skills install https://github.com/charlie947/motion-graphics-skills --path skills/reel-exportВручную: положить файлы
.devin/skills/reel-export/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add charlie947/motion-graphics-skills --skill reel-export -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в 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