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

reference-to-motion — скилл для Claude Code: как установить

Разбирает видео и референсы стиля, чтобы собрать готовый промпт для Claude Motion с таймингами сцен под ваш бренд. Пригодится для создания моушн-роликов по образцу.

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

Что делает reference-to-motion

Скилл разделяет входные материалы на динамику и оформление. Из видеоролика он считывает темп, смену планов и центральную идею, отсекая чужие логотипы и текст. Цвета, шрифты и общее настроение агент берёт из статичных референсов, например сайта компании или мудборда.

В результате Claude формирует два блока. Сначала идёт построчный разбор ритма и переходов. Следом создаётся готовый промпт для Claude Motion с разбивкой сцен по времени и точными фразами для экрана. Промпт пишется без кода, названий файлов или команд экспорта: Claude Motion сам рендерит и проигрывает видео.

Инструмент принципиально не копирует чужой контент. Ему нужны ваши готовые фразы и хронометраж, иначе составить промпт не выйдет. Если фирменные цвета не заданы, скилл применит нейтральную тёмную палитру.

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

  • разобрать ритм и смену планов из референсного видео
  • отделить визуальный стиль сайта от чужой анимации
  • составить готовый промпт для Claude Motion с посекундной разметкой
  • подобрать шрифты и цветовую гамму по мудборду

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

  • «Разбери этот ролик и преврати его в промпт для Claude Motion»
  • «Используй этот сайт как референс по стилю, а видео как образец анимации»
  • «Сделай моушн-ролик по этому примеру для моего продукта»

Как установить reference-to-motion

1Через Skills CLI (Vercel)

npx skills add charlie947/motion-graphics-skills --skill reference-to-motion -a claude-code

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

~/.claude/skills/reference-to-motion/SKILL.md

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

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

Вопросы о reference-to-motion

Как установить reference-to-motion в Claude Code?

Выполните в терминале команду npx skills add charlie947/motion-graphics-skills --skill reference-to-motion -a claude-code. Скилл сразу станет доступен в сессиях Claude Code.

Что делает скилл reference-to-motion?

Он анализирует примеры анимации и статические референсы стиля, после чего генерирует готовый текстовый промпт для Claude Motion. Промпт содержит посекундный план сцен, визуальные описания кадров и реплики для экрана.

Нужно ли вручную прописывать код или команды экспорта видео?

Нет, Claude Motion выполняет сборку, воспроизведение и экспорт ролика самостоятельно. Скилл прямо запрещает добавлять в итоговый текст программный код, имена файлов, теги HTML или шаги рендеринга.

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

SKILL.md · MIT
---
name: reference-to-motion
description: Turn references you admire into a scene-by-scene Claude Motion prompt for your own topic and brand. Takes a video for the moves (screenshots, frames or a contact sheet of a reel or ad) and, optionally, a look reference for the style (a website, a brand, a moodboard). Use when someone says "make me something like this", "break down this reference", "use my website as the look" or "turn this into a Motion prompt". Outputs a short breakdown, then one paste-ready Motion prompt with timings for every scene.
---

You turn references into a Claude Motion prompt. A reference does one of two jobs:
- A MOVES reference is a video. It gives the pace, the scene changes and the one idea.
- A LOOK reference is a website, a brand, a moodboard or my own site. It gives the colours, fonts and feel.
One reference can do both if I say so. If I do not say, a video is a moves reference and anything still (a website, a moodboard) is a look reference. You never copy a video. My topic and my words build the film.

<task>
1. Look at everything I attach and sort it into moves and look.
2. Do not ask about views. If I mention them, you may say what they suggest (people watched to the end), never use them as a gate.
3. Break the moves reference down in five short lines:
   - Pace: how long each shot holds.
   - Change: how one scene turns into the next.
   - Type: size, weight, how words arrive.
   - Colour and light.
   - The one idea that carries the whole video.
4. If I gave a look reference, add a Look line: background, text and accent colours as hex codes, fonts (or the closest Google Fonts), and how it should feel and move.
5. Then ask me, in one batch: my topic, the exact words on screen, the length in seconds and the size (9:16, 1:1, 4:5 or 16:9). Ask for brand colours and font only if there is no look reference and no brief. Skip anything I already gave you. Wait for my answers.
6. Write the prompt.
</task>

<rules>
- From a moves reference, take the pace, the scene changes and the one idea. Leave out its logo, copy, colours and characters.
- From a look reference, take the colours, fonts and feel. Never its logo or copy.
- The look comes from, in order: my look reference, then my motion brief, then a neutral dark palette labelled "Neutral default, replace with your brand".
- Never invent a number. Use only the numbers I give you.
- One visual idea per scene, and each scene grows out of the last one.
- Every timing is in seconds and the scenes add up to the exact length.
- Claude Motion builds, plays and exports the video itself. So never write code, file names, HTML, seek functions, frame captures or export steps into the prompt.
- Keep the prompt under 300 words. Short scene lines beat long specs.
</rules>

<output_format>
Part 1: the five-line breakdown, plus the Look line if I gave a look reference.
Part 2: one prompt in a code block, written to paste into a Claude Motion chat:
- First line: "Make me a motion graphic." Then the format, size and exact length.
- A look line: background, panels, one accent colour, fonts, how things move (ease-out, no bouncing).
- One line per scene: the time range in seconds, a NAME in capitals, what the viewer sees, and the exact words in quotes.
- Last line: "Before you finish, render a still every 2 seconds, check each one for cut-off or unreadable text, and fix it."
</output_format>

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

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

Всё по теме «Дизайн» →
remotion-motion-graphics haidrrrry Скилл для ИИ-кодинга, который заставляет агента писать код Remotion по правилам моушн-дизайна, а не выдавать линейные фейды и плоские фоны. CX Codex +1 1 100установок motion-graphics Liamrjohnston Проверяет подлинность ассетов и блокирует генерацию моушн-графики до прохождения проверок через promptible-gate.mjs. Помогает собирать ролики для соцсетей. CX Codex +1 1 000установок motion-broll Barty-Bart Создаёт моушн-графику и перебивки для разговорных видео по таймкодам субтитров. Генерирует анимации с морфингом одного элемента в такт речи спикера. CX Codex +1 1 700установок video-motion-graphics dylantarre Скилл внедряет 12 классических принципов анимации Диснея в проекты After Effects и Premiere Pro. Помогает настраивать тайминг, графики скорости и овершуты при создании моушн-дизайна. CX Codex +1 2 400установок orbital-hud-motion RobLe3 Скилл для ИИ-агента, который строит круговые HUD-эффекты и аура-кольца вокруг объекта в Blender по референсу, а не наугад. CX Codex +1 714установок hyperframes-registry heygen-com Находит и добавляет в проект около 450 готовых визуальных блоков HyperFrames — от титров до шейдеров. Пригодится, когда видеоэффект проще взять из базы, чем верстать с нуля. CX Codex +1 1 000 000установок

Из того же набора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установок reel-export Превращает горизонтальное или квадратное видео в вертикальный файл 1080 x 1920 для Reels и TikTok, который загружается без искажения цвета. CX Codex +1 1 500установок motion-prompt-writer Составляет готовый бриф из 8 частей для генерации зацикленной моушн-графики под ваш бренд. Пригодится, когда нужно превратить идею анимации в чёткий промпт без ручного подбора параметров. CX Codex +1 851установок

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

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