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