Mografy — скилл

Скилл для Claude Code и Codex: агент пишет сцены анимации, плеер в браузере их показывает, ролик уходит в MP4 и Lottie.

  • 55 ★ репозитория
  • Последний коммит
Скилл

Расширенный доступ

Почему такой уровень

  • Установка выполняет `pnpm install` со скачиванием Chromium, а агент запускает скрипты сборки и экспорта на вашем компьютере.
Все причины и проверки

zz41354899/mografy

Установка

Работает в

Ручная установка

git clone https://github.com/zz41354899/mografy.git

Первая команда раздела Get started. Затем `cd mografy`, `pnpm install` и `mografy dev`.

Доступ и проверки

Как мы проверяем

Расширенный доступИнструмент запускает код или ходит в сеть, а внешние данные только читает.

  • Установка выполняет `pnpm install` со скачиванием Chromium, а агент запускает скрипты сборки и экспорта на вашем компьютере.

Это чужой код. Посмотрите файлы в репозитории перед установкой.

Что делает

Mografy — локальный инструмент для анимации на Canvas. Общий скилл `mografy` помогает агенту составить раскадровку, подобрать рабочие примеры, написать сцены, проверить кадры и экспортировать результат. Браузерный плеер в `mografy dev` дает воспроизведение, перемотку, субтитры, цвета, эффекты и управление звуком. Агент правит файлы сцен, а Mografy компилирует их и пробно отрисовывает в Chromium, затем обновляет плеер на той же позиции. Готовый ролик выгружается в MP4, Lottie и SVGA. Команда `mografy add <шаблон...> projects/<имя>` начинает проект из 43 бесплатных шаблонов для продуктовых видео, а файл `style.md` фиксирует решения по оформлению и движению.

Для кого. Разработчикам и маркетологам, которым нужны анимированные ролики и заставки, и они готовы описывать сцену агенту вместо ручного монтажа.

Подходит, если

  • Нужен 15-секундный продуктовый ролик, и его проще описать словами, чем собирать в редакторе.
  • Анимацию надо отдать в Lottie или SVGA для приложения, а не только в видео.
  • Хочется стартовать с готового шаблона в формате 9:16 для соцсетей.
  • Сцену нужно смотреть в плеере и править по ходу разговора с агентом.

Не подходит, если

  • Нужна запись реального интерфейса или съемка: инструмент рисует на Canvas.
  • Хватает одной картинки или GIF, и сцены с плеером только усложнят работу.
  • Проект нельзя ставить из исходников: установка идет клонированием и `pnpm install`.

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

Сделай через mografy 12-секундное интро для приложения: логотип, три тезиса и финальный экран, экспорт в MP4.

Ограничения

Нужен Node.js 22.12 или новее. Установка из исходников: клонировать репозиторий, выполнить `pnpm install`, который собирает Mografy, скачивает Chromium для проверок и экспорта и кладет команду `mografy` в `PATH`. Обновляет проект `mografy update` из папки установки. Часть документации выпущена на китайском. Необязательный генератор музыки подключается отдельно. 3D-слои на Three.js добавлены в октябре 2026 года.

Как отключить. Удалите клон репозитория и общий скилл `mografy` из каталога скиллов агента. Скачанный Chromium лежит в кэше инструмента и удаляется вручную.

Частые вопросы

Какие форматы на выходе?

MP4, Lottie и SVGA. Экспорт идет из Chromium, поэтому он ставится вместе с инструментом.

С чего начать новый проект?

Выполните `mografy add <шаблон> projects/<имя>`. Шаблонов 43: 22 вертикальных 9:16 и 21 горизонтальный 16:9.

Какие агенты поддерживаются?

Claude Code и Codex. Скилл `mografy` общий для обоих.

Как обновить инструмент?

Проверьте `mografy update --check`, затем запустите `mografy update` в папке установки. Обновление остановится при локальных изменениях.

Где хранятся проекты?

В папке `projects/`. Другое место задает переменная `MOGRAFY_HOME` до запуска плеера.

Обсуждение

Вопросов и отзывов пока нет.

Скиллы

Скилл Claude Code для коротких анимационных роликов, нарисованных кодом: семь стилей, согласование сюжета и раскадровки, озвучка и рендер в MP4

СкиллРасширенный доступ1,8 тыс.Звезды репозитория

Скилл делает промо-видео из кода: режиссура, анимация в браузере с размытием движения, своя музыка и готовый MP4 в 60 кадров

ПлагинРасширенный доступ78Звезды репозитория

Скилл Claude Code для видео из кода делит ролик на сцены и подбирает каждой свой движок, от Paper.js и Three.js до Manim.

СкиллРасширенный доступ115Звезды репозитория

Скилл для Claude Code и Codex: по одной фразе делает рекламный ролик продукта, пишет музыку и правит кадр по клику

СкиллРасширенный доступ2,7 тыс.Звезды репозитория

Скилл для промо-роликов и кинетической типографики: идея и раскадровка до сборки, рендер в MP4 через Chrome и ffmpeg, проверка шестью гейтами

СкиллРасширенный доступ1,6 тыс.Звезды репозитория

Скилл собирает моушн-графику кодом: 21 готовый стиль, пять вопросов, три кадра на утверждение и рендер в MP4.

СкиллРасширенный доступ166Звезды репозитория

Коротко о README

Описывает возможности плеера, ход работы агента, быстрый старт, обновления и 43 шаблона, а также архитектуру и разработку.

Бейдж для README

Сообщить о проблеме