Навык агента для Claude Code / Codex, который превращает описание продукта в презентационный ролик коммерческого уровня: собирает его из кода, добавляет музыку и позволяет редактировать отдельные элементы кликами.
charlie947/motion-graphics-skills
Набор из 13–15 навыков Claude Code для создания моушн-графики и промороликов кодом с рендерингом кадров в MP4 без After Effects.
Open source альтернатива:After Effects
- Звёзды
- 340
- Форки
- 55
- Открытые issues
- 0
- Последний коммит
- 9 дней назад
Что это?
Этот набор навыков позволяет Claude Code создавать моушн-графику, проморолики, анимированные графики и короткие видео для соцсетей, описывая анимацию кодом. Каждый кадр отрисовывается в коде, поэтому After Effects и AI-генераторы видео не нужны. Навыки охватывают весь процесс: настройку фирменных цветов, типографики и правил анимации в brand.md и MOTION.md, планирование ролика, создание анимации и экспорт в MP4 или вертикальные форматы Reels.
Навыки сгруппированы по этапам и охватывают проморолики, объясняющие видео, анимированные графики, ролики с важными достижениями, 3D-титры, зацикленные обложки и экспорт Reels. В SKILL.md каждого навыка указаны фразы-триггеры и требования к входным данным. Установить набор можно через npx skills, скопировав файлы вручную в ~/.claude/skills, загрузив ZIP в Claude Desktop или поместив их в папку .agents/skills для Codex. Для экспорта MP4 используются HyperFrames или ffmpeg с Chrome.
Ключевые возможности
- 01Создаёт моушн-графику и видео целиком кодом — After Effects не нужен.
- 02Хранит фирменные цвета, типографику и правила анимации в brand.md и MOTION.md для повторного использования.
- 03Включает навыки для промороликов, объясняющих видео, анимированных графиков и роликов с важными достижениями.
- 04Экспортирует видео в MP4 и вертикальном формате 1080 × 1920 для Reels и TikTok.
- 05Работает с Claude Code и Codex; для установки достаточно одной команды.
Сценарии использования
- Создание проморолика о запуске продукта без моушн-дизайнера и видеоредактора.
- Анимация графика или набора данных с сохранением всех исходных значений.
- Создание вертикального видео для соцсетей на основе существующего ролика.
- Создание зацикленной GIF-обложки для рассылки.
Быстрый старт
- 1
Установите skills с помощью npx
npx skills add charlie947/motion-graphics-skills - 2
Откройте Claude Code и выберите модель Opus 5.5
/model - 3
Сначала запустите brand-intake, чтобы настроить файлы бренда
Что важно знать
- Для создания анимации нужен Claude Code с конкретной моделью Opus 5.5.
- Для экспорта в MP4 нужна отдельная skill HyperFrames либо ffmpeg и Chrome.
Темы
Частые вопросы
- Что такое motion-graphics-skills?
- Набор из 13–15 навыков Claude Code для создания моушн-графики и промороликов кодом с рендерингом кадров в MP4 без After Effects. Этот набор навыков позволяет Claude Code создавать моушн-графику, проморолики, анимированные графики и короткие видео для соцсетей, описывая анимацию кодом. Каждый кадр отрисовывается в коде, поэтому After Effects и AI-генераторы видео не нужны. Навыки охватывают весь процесс: настройку фирменных цветов, типографики и правил анимации в brand.md и MOTION.md, планирование ролика, создание анимации и экспорт в MP4 или вертикальные форматы Reels.
- motion-graphics-skills можно использовать бесплатно? Какая у него лицензия?
- motion-graphics-skills распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.
- motion-graphics-skills всё ещё поддерживается?
- Активно поддерживается. Последний коммит в motion-graphics-skills — 11 окт. 2026 г..
- Для чего можно использовать motion-graphics-skills?
- Создание проморолика о запуске продукта без моушн-дизайнера и видеоредактора. Анимация графика или набора данных с сохранением всех исходных значений. Создание вертикального видео для соцсетей на основе существующего ролика. Создание зацикленной GIF-обложки для рассылки.
- Как установить motion-graphics-skills?
- Установите skills с помощью npx: npx skills add charlie947/motion-graphics-skills Откройте Claude Code и выберите модель Opus 5.5: /model Сначала запустите brand-intake, чтобы настроить файлы бренда
- Где скачать motion-graphics-skills?
- Исходный код и инструкции по установке — на GitHub: https://github.com/charlie947/motion-graphics-skills
Описание создано ИИ на основе README проекта. Статистика GitHub обновляется ежедневно.
Похожие проекты
Навык для Claude Code и Codex, который превращает страницы продукта в кинематографичные проморолики, создавая видео на Remotion, а не с помощью генеративного ИИ.
Навык проектирования интерфейсов для AI-агентов: предлагает разные варианты дизайна, сравнивает их и дорабатывает по реальным скриншотам.
Навык для Claude Code и Codex, который помогает создавать видеообъяснения с закадровой озвучкой, синхронизацией аудио по словам и рендерингом в Remotion.
Набор из 55 устанавливаемых навыков для AI-агентов, которые помогают создавать моушн-графику, анимацию и видеопроцессы.
Подборка из 13 тщательно отобранных Agent Skills в формате SKILL.md для исследований, продуктовой документации, презентаций, статей для WeChat, code review и других задач.