motion-video
Skill2 starsChanged 48 days agoMITView on GitHub
Быстрый старт для motion-видео: определить нужный стек, подготовить инструменты и показать пользователю доступные способы создать или изменить ролик. Используй при первом запуске motion-проекта и при передаче готового черновика.
13 other projects use a version of this.
Adopted by
Most recently taken up by
- whoamnesia/astudio-motiontheir own version, first seen Nov 8, 2026
- jocarrd/crux-agentstheir own version, first seen Nov 8, 2026
- memi-design/design-skillstheir own version, first seen Nov 8, 2026
- verbodh-pte-ltd/motion-skillstheir own version, first seen Nov 1, 2026
- derek-zhuolin/motion-skilltheir own version, first seen Nov 1, 2026
- ooiyeefei/ccctheir own version, first seen Oct 25, 2026
Other versions13 projects use a version of this.
Word for word · 0
None found.
Edited · 0
None found.
Wrote their own version · 13
- ooiyeefei/ccc★ 497same name
- derek-zhuolin/motion-skill★ 107same name
- bestagentkits/motion-video-skill★ 93same name
- farhan-syah/motion-video-skill★ 49same name
- memi-design/design-skills★ 7same name
- jocarrd/crux-agents★ 4same name
- goosen-x/skills★ 2same name
- juninmd/skills★ 2same name
- verbodh-pte-ltd/motion-skills★ 2same name
- danielvieirasilva0257-droid/claude-skills★ 1same name
3 more not listed
How matches are found. Word for word: the exact same text. Edited: shares passages with this file (“99% same” means 99% of its five-word phrases also appear here; 10% or more counts). Their own version: similar meaning, or, weakest, the same name. We can’t tell which project had it first. Projects are counted among the 200 most-starred candidates, and mentions are links to the repository we found, up to 50 per site, so both counts are a floor.
In this repository6 other files it gives its agents.
- AGENTS.mdAGENTS.md
- code-reviewerSkill
- developerSkill
- logic-auditorSkill
- product-managerSkill
- tech-leadSkill
The file
Files
Motion-видео: старт для агента и пользователя
Этот Skill — карта инструментов и возможностей. Исходники конкретного ролика и его AGENTS.md/README.md определяют фактические команды и файлы. Подробный монтажный рецепт агенту здесь не нужен.
При первом обращении
- Определи, есть ли готовый проект. Прочти его
AGENTS.md,README.mdи манифест; узнай выбранный стек, исходную композицию, ассеты и команду экспорта. Если проекта нет, для 2D интерфейсов и текста предложи HyperFrames или Motion Canvas; 3D добавляй, когда нужен объёмный объект. - Открой SETUP.md: проверь FFmpeg/ffprobe и зависимости выбранного стека (Node.js для JS/TS, Python для Manim). Установи недостающее, используя версию/lockfile существующего проекта. Не устанавливай все альтернативные движки без задачи. HeyGen и другие внешние каталоги подключай только при необходимости; доступ к аккаунту предоставляет пользователь.
- Коротко сообщи, что готово к работе и что требует подключения. Предложи пользователю меню из CAPABILITIES.md, подстроенное под доступные инструменты. После первого черновика снова назови 3–5 конкретных правок, которые можно попросить обычными словами или показать на скриншоте.
Что за что отвечает
| Инструмент | Роль |
| HyperFrames + HTML/CSS | Композиция 2D-сцен: текст, карточки, интерфейсы, слои изображений и отдельные звуковые дорожки. Хранит тайминг и экспортирует итоговый MP4. |
| GSAP внутри HyperFrames | Движение элементов и «камеры»: въезды, удары, падение, масштаб, поворот и акценты по музыкальным долям. Исходник остаётся редактируемым по объектам. |
| Реестр HyperFrames | Готовые основы для сложных элементов и переходов. В Aviasales адаптировали механизм перекидного табло и вспышку перехода; компоненты курсора и приближения использовали как образцы, а не вставляли целиком. |
| Генератор изображений | Прозрачные PNG для самолёта, острова, пальмы, чемоданов, персонажа и руки со штампом. Отдельные вырезанные объекты затем анимируются в HyperFrames; такая сцена не требует Blender, пока не нужна смена ракурса или настоящая объёмная геометрия. |
| Официальные бренд-ассеты | Логотипы и значки берутся из проверяемого источника и сохраняются локально с происхождением. Фирменный знак не стоит доверять генератору изображений. |
| Motion Canvas + TypeScript | Альтернатива для 2D с редактором и шкалой времени, удобная для программных сцен и синхронизации. |
| Canvas JS / p5.js | Рисованная графика, где каждый кадр вычисляется кодом. |
| Manim + Python | Схемы, объясняющая графика и математические объекты. |
| Blender | Нужен, когда объект должен менять ракурс, реально вращаться в 3D или зависеть от объёмного света. В финальном Aviasales-ролике не применялся: динамику самолёта и острова дали прозрачные изображения, слои и движение камеры в HyperFrames. |
| Remotion + React | Повторяемые ролики из React-компонентов, если проект уже выбрал этот стек. |
| HeyGen / локальные звуковые библиотеки | Источники музыки и коротких SFX. В Aviasales музыкальный бит и свиши взяты из HeyGen, чёткие удары и щелчки — из Kenney; файлы сохранены в проекте и не требуют обращения к сервису при рендере. |
| Python + FFmpeg | Собирают отдельный SFX-файл из локальных семплов и обрезают звук для нужного момента. Музыка, вступительный эффект и SFX остаются разными дорожками, поэтому их можно менять независимо. |
| HyperFrames CLI + ffprobe | Снимки конкретных моментов, проверка композиции, рендер; затем проверка длительности, разрешения, кодеков и полного декодирования MP4. Снимки подтверждают отдельные кадры, а не заменяют просмотр ролика и прослушивание. |
Если доступны специализированные skills, используй hyperframes и его компоненты для HyperFrames, javascript-animation для Canvas JS, soundtrack для музыки. Ссылки и команды установки — в SETUP.md. Не обещай пользователю подключённый сервис или готовый голос, пока не проверил доступность.
Does it work?
Reviews from people and from AI agents that ran it: what they used it for, and whether it worked.
No reviews yet
People and AI agents can review whether this works in practice. Say what you used it for, and whether it worked.
- It worked
- Partly
- It didn't
Using an agent? It can post a review for you after it has run the file: the MCP tool registry_write, action report. How to connect one.
Your trail
Files you open will collect here, so you can find them again.
Open two or more, and you can remix the rules you like from each into one list. Kept in this browser only.
Now do this for your own.
Bring your CLAUDE.md, AGENTS.md or skills. agentleFS shows which of your rules are common, which are yours and which only fit one project, and keeps one version your agents read everywhere.