Motion Starter Kit — скилл
Заготовка для видео на Remotion: десять стилей и два скилла, агент делает моушн-ролик по ссылке на репозиторий.
- 54 ★ репозитория
- Последний коммит
Расширенный доступ
Почему такой уровень
- Агент ставит инструменты и запускает скрипты анализа видео и аудио на вашей машине.
- Первая озвучка скачивает около 2 ГБ моделей.
Установка
- Работает в
Ручная установка
git clone https://github.com/motalim-ai/motion-starter-kit.gitКоманда из подсказки для агента в README: после нее читают `AGENTS.md`.
Доступ и проверки
Как мы проверяемРасширенный доступИнструмент запускает код или ходит в сеть, а внешние данные только читает.
- Агент ставит инструменты и запускает скрипты анализа видео и аудио на вашей машине.
- Первая озвучка скачивает около 2 ГБ моделей.
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Motion Starter Kit превращает диалог с агентом в моушн-графику на Remotion. Пользователь дает ссылку на репозиторий и описывает тему, например ролик на 30 секунд в стиле `plotter`. Агент клонирует репозиторий, анализирует видео выбранного стиля, записывает его правила в `STYLE.md`, один раз задает вопросы о теме, длительности и озвучке, пишет сценарий и собирает сцены. Показывает результат в Remotion Studio и рендерит только после команды «рендер». В комплекте десять готовых стилей: `plotter`, `doodle`, `whiteboard`, `chalkboard`, `stickman`, `isometric`, `fake3d`, `infographic`, `map-journey` и `product`. Второй скилл, `logo-animation`, оживляет логотип. Инструкции README написаны на арабском, правила для агентов даны и по-английски.
Для кого. Создателям коротких роликов и объясняющих видео, которые работают с Claude Code или Codex и не хотят монтировать вручную.
Подходит, если
- Нужен ролик 16:9 с пояснением темы в стиле маркера на доске.
- Для рилса 9:16 пересказывают короткую историю с героями в стиле doodle.
- Логотип компании оживляют в одном из 17 стилей анимации.
- Вместо выбора стиля дают собственное видео в папке `reference/`, и агент повторяет его манеру.
Не подходит, если
- Нужен фотореалистичный видеоролик или генерация видео моделью.
- Проект не может ставить Node.js, ffmpeg и uv.
- Требуется быстрое превью без загрузки Remotion и браузера.
Пример запроса к агенту
Сделай видео на 30 секунд о пользе воды в стиле plotter из репозитория motion-starter-kit и покажи его в Remotion Studio.Ограничения
Для работы нужны Node.js 18 или новее, ffmpeg и uv, их проверяет сам агент и ставит недостающее после вашего согласия. Озвучка с выравниванием слов при первом запуске скачивает PyTorch и модель выравнивания, всего около 2 ГБ, а первый рендер превью в Remotion загружает небольшой браузер, около 90 МБ. Агент рендерит только после вашего слова, а за готовым видео и правами на материалы отвечаете вы. Если выбран собственный референс, убедитесь, что имеете право его использовать и анализировать. Все стили и скрипты работают локально, но агенту все равно нужен доступ к модели.
Как отключить. Удалите папку клонированного проекта. Загруженные модели и кеш браузера Remotion лежат отдельно, их удаляют вручную.
Частые вопросы
С какими агентами работает набор?
С Claude Code, Codex и Antigravity. Первые два читают `CLAUDE.md` и `AGENTS.md`, правила одинаковы для всех.
Какие стили есть в наборе?
Десять: `plotter`, `doodle`, `whiteboard`, `chalkboard`, `stickman`, `isometric`, `fake3d`, `infographic`, `map-journey` и `product`. Галерея показывает 26 стилей в шести семействах.
Когда агент рендерит видео?
Только после слова «рендер». До этого результат открывается в Remotion Studio, где его можно править обычными фразами.
Как оживить логотип?
Попросите агента использовать `logo-animation`: проект логотипа лежит в `logo/`, в галерее 17 стилей анимации.
Можно ли повторить чужой стиль?
Поместите видео в `reference/` вместо выбора стиля, и агент сделает ролик в такой же манере.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
СкиллыНабор для промо-роликов софтверных продуктов на HyperFrames: 101 тема, атлас переходов и проверка повторов в раскадровке
Скилл для Codex делает из текста или записи голоса видео с motion-графикой, субтитрами и правкой в проекте Remotion.
Набор из десяти скиллов и правил для озвученных вертикальных шортсов и промороликов на Remotion с кодинг-агентом
Девять скиллов и библиотека Remotion делают вертикальные ролики-объяснения в стиле бумажной аппликации от стратегии до рендера.
Девять скиллов по моушн-дизайну для Claude Code: тайминг, цвет, композиция, After Effects, Remotion, логотипы и фоны.
Скиллы Remotion
Remotion Agent Skills
Официальные скиллы Remotion для создания видео на React: композиции, анимации, субтитры, карты и рендер
Коротко о README
Репозиторий задает порядок работы агента от клонирования до рендера. Стили, галерея и правила лежат в самом проекте.
Бейдж для README
Исходный SKILL.md
---
name: motion-from-reference
description: Build a new motion-graphics video in Remotion in the style of a reference video. Use when the user names a style from the styles/ library (e.g. "plotter", "doodle", "whiteboard", "chalkboard", "stickman", "isometric", "fake3d", "infographic", "map-journey" or "product") or puts a video in reference/, and asks for a new video, animation, explainer or motion graphics in that style («اصنع فيديو بنفس الستايل»). Covers studying the reference, one round of questions, script and voice timing, building scenes, review in Remotion Studio, and rendering only after the user approves.
---
<div dir="rtl">
# فيديو موشن جرافيك من فيديو مرجعي
**الهدف:** فيديو جديد بموضوع المستخدم، يبدو كأن صانع الفيديو المرجعي هو من صنعه.
- خذ من المرجع **الأسلوب** فقط: الألوان، والإيقاع، والحركة، والخطوط، والتفاصيل.
- لا تنسخ **المحتوى**: النصوص، والشعارات، والصور، والعلامات التجارية.
**قبل أن تبدأ:**
- شغّل كل الأوامر من جذر المشروع.
- السكريبتات في `.agents/skills/motion-from-reference/scripts/`، ونسمّيها هنا `$S`.
- المراحل بالترتيب، ولا تقفز فوق مرحلة.
## المرحلة 0: التجهيز
1. **إن بدأت من رابط الريبو** ولست داخل المشروع، فانسخه وادخل إليه:
- المجلد الحالي فارغ: `git clone https://github.com/motalim-ai/motion-starter-kit.git .`
- المجلد فيه ملفات: `git clone https://github.com/motalim-ai/motion-starter-kit.git motion-video`، ثم ادخل `motion-video`.
2. **تحقّق من الأدوات:** `node -v` (الإصدار 18 أو أحدث)، و`ffmpeg -version`، و`uv --version`.
3. **إن نقصت أداة:**
- اشرح للمستخدم في جملة بسيطة ما هي ولماذا نحتاجها، واعرض أن تثبّتها أنت.
- بعد موافقته ثبّتها:
- macOS: `brew install node ffmpeg uv`
- Windows: `winget install OpenJS.NodeJS.LTS Gyan.FFmpeg astral-sh.uv`
- إن لم يكن مدير الحزم موجودًا، فاستخدم المثبّت الرسمي لكل أداة.
4. **ثبّت المشروع:** `cd video && npm install`.
## المرحلة 1: افهم المرجع
1. **حدّد المرجع:**
- إن ذكر المستخدم اسم ستايل، فالمرجع `styles/<الاسم>/reference.mp4`. قائمة الستايلات في `styles/README.md`.
- وإلا، فالمرجع كل فيديو في `reference/`.
- إن لم يذكر ستايلًا وكان `reference/` فارغًا: اعرض عليه الستايلات الموجودة في `styles/README.md`، واسأله هل يختار واحدًا منها أم يضع فيديو خاصًا به. هذا هو السؤال الوحيد المسموح قبل التحليل.
2. حلّل المرجع:
```
uv run --no-project --with numpy --with pillow python $S/analyze.py <مسار الفيديو> --out analysis/<اسم الستايل أو الفيديو>
```
3. اقرأ `analysis/<الاسم>/report.md`.
4. **انظر** إلى كل صورة في `sheets/` و`motion/`، وإلى `palette.png`.
- صور `motion/` هي الأهم: كل صورة 8 إطارات بينها 0.1 ثانية.
- منها تعرف كيف تدخل العناصر وتخرج، وكم تستغرق الحركة، وهل هي ناعمة أم حادة.
5. إن كان نموذجك يستطيع مشاهدة الفيديو أو سماع الصوت مباشرة، فافعل ذلك أيضًا.