Перейти к руководству
motion-designавтор OpenDesign

OpenDesign Motion Design Навык.

Превратите motion-бриф в связный фильм: спланируйте такты, направьте внимание и сохраните редактируемую шкалу времени. Официальный помощник OpenDesign работает внутри своей среды, а не как отдельный рендерер.

  • Движение и видео
  • OpenDesign
Обзор исходных материалов · motion-designSKILL.md
Задача Уточните motion-бриф, карту тактов и редактируемую шкалу времени. Результаты • Связанные сюжетные такты • Редактируемый HTML-исходник • MP4 для видеобрифов, рендеримый средой Перед началом Используйте среду OpenDesign с нужными медиа-инструментами.
Редакционная проверка источника · 2026-11-02 · не выполненная демонстрация

01 Возможности

Свяжите бриф, таймлайн и фильм

Изучите официальный motion-design OpenDesign: карты тактов, редактируемое HTML-движение, воссоздание референс-видео и MP4, рендеримый средой.

Процесс на основе источникаНе тест выполнения

Принцип работы

Навык motion-design OpenDesign добавляет мастерство движения в активную задачу. Связывает бриф, представительный кадр и карту тактов с типографикой, темпом, непрерывностью и перематываемой шкалой времени. Повторяющийся визуальный мотив ведёт идею через работу, не превращая её в несвязанные титульные карточки.

Фактический путь производства определяет среда. Видеобриф требует редактируемый HTML-исходник и MP4, отрендеренный локальным конвейером HyperFrames OpenDesign. Управляемые указателем взаимодействия и микроанимация UI остаются исполняемым HTML или кодом, а не сплющиваются в видео. Источник также охватывает воссоздание референс-видео на основе измерений и точечные правки существующего фильма.

Ожидаемые результаты

  • Карта тактов, связывающая время, вывод зрителя, фокусный объект, преобразование и звук
  • Редактируемый HTML-исходник движения с перемоткой, когда среда разрешает производство
  • MP4 для видеобрифа через доступный рендерер среды
Смотреть пример задания

От задания до проверки

  1. 01
    Уточните бриф

    Используйте предоставленные аудиторию, ресурсы, текст, длительность и назначение. 12–18 секунд и 16:9 в источнике — только стартовые точки короткого фильма без ограничений.

  2. 02
    Спроектируйте один представительный кадр

    Определите иерархию, шрифты, палитру и фокусный объект до расширения сцен. Визуальная предпосылка должна быть конкретной для темы, а не просто ярлыком «премиально» или «кинематографично».

  3. 03
    Соедините такты

    Проведите объект или мотив через осмысленные преобразования. Выделите время появлениям, чтению и уходам; сохраняйте направление и скорость в переходах.

  4. 04
    Производите через среду

    Для видео используйте каркас среды и перематываемую шкалу. Отрендерите MP4, изучите представительные моменты и сохраните редактируемый исходник вместе с ним.

02 Когда использовать

Когда использовать

Официальная утилита OpenDesign рассчитана на процесс своей среды. Проверьте зависимости перед импортом инструкций в другого агента.

Хорошо подходит

  • Продуктовые и брендовые фильмыПоказывайте реальную пользу конкретным действием, используя предоставленные экраны или логотипы без искажения пропорций.
  • Кинетическая типографика и объясненияИспользуйте шрифт как графический объект, сохраняя окно чтения. Сохраняйте подписи, причинные связи и реальные значения данных.
  • Воссоздание референса на основе измеренийПеред воссозданием изучите длительность, кадры и звук референса через среду; не угадывайте фильм по миниатюре.

Ограничения

  • Производству нужны инструменты средыНавык не предоставляет доступ к инструментам, не создаёт рендерер и не настраивает runtime OpenDesign. Загрузка одного SKILL.md не даёт медиа-команды среды.
  • Не навык LottieFilesЭто оригинальный помощник OpenDesign, учитывающий несколько публичных подходов. Он отличается от уже включённого в каталог motion-design LottieFiles.
  • Ограничения размера референсаИзученный процесс отклоняет референсы длиннее 180 секунд или больше 200 MB. Неудачную загрузку нужно решить пригодным файлом, а не выдуманными кадрами.

Что подготовить

  • Конкретный motion-брифПредоставьте сообщение, аудиторию, назначение, длительность и точный текст, а также укажите фильм или взаимодействие.
  • Ресурсы и аудионаправлениеПредоставьте разрешённые экраны, логотипы или референс-видео. Укажите озвучку, музыку, эффекты или намеренную тишину.
  • Доступный проект средыИспользуйте задачу OpenDesign с нужными медиа-возможностями. Для правок укажите существующий источник и изменяемый элемент.

03 Важные решения

Важные решения

  1. Детерминированная перемотка

    Состояние сцены должно выдерживать перемотку вперёд и назад. Источник исключает случайность без seed и видимый контент, зависящий от подавляемых при экспорте колбэков таймлайна.

  2. Одни часы исходника и экспорта

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

  3. Фильм включает рендер

    HTML-превью, задача в очереди или сбой команды — не готовый MP4. Видеопоставка сохраняет исходник и фактический отрендеренный файл.

  4. Малые правки остаются малыми

    Изменение одного заголовка или изображения не должно трогать несвязанные элементы, такты и звук. После влияющей на видео правки MP4 рендерится снова.

04 Пример задания

Попробуйте конкретное задание

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

Проверьте требования среды

Ссылка ниже открывает источник; это не команда установки. Используйте соответствующий процесс среды OpenDesign и проверьте доступность необходимых инструментов.

Исходный файл в репозитории
https://github.com/nexu-io/open-design/blob/5a0c47777975ddb91d09c1c16b423a3ef74bf572/skills/motion-design/SKILL.md

Импорт файла в другого агента не предоставляет среду выполнения OpenDesign или аутентифицированные сервисы.

Опишите текущую задачу

Перед запуском навыка адаптируйте объём, исходные материалы и ограничения в этом задании.

Пример задания
Используй помощник motion-design OpenDesign в текущем проекте для 15-секундного продуктового фильма из предоставленных логотипа и точного текста. Покажи, как разрозненные задачи сходятся в одно сфокусированное действие через повторяющийся визуальный мотив. До производства спланируй такты и паузы чтения. Используй доступный процесс среды, сохрани редактируемый HTML и отрендери MP4. Не выдумывай утверждения о продукте и не заменяй видео превью. Сообщи о недостающих ресурсах или возможностях рендера, отдели проверенные кадры от непроверенного выхода.

Проверьте фактический результат

Сверьте фактический результат с этими наблюдаемыми критериями.

  • Предоставленный текст и продуктовые утверждения точны; есть читаемые паузы.
  • Длительность источника, соотношение сторон и таймлайн согласованы; сцена перематывается вперёд и назад.
  • Видеобриф имеет редактируемый исходник и реальный MP4; заявленный звук соответствует экспорту.

Это утилита для среды OpenDesign. Публичный источник документирует поведение; наличие в репозитории не доказывает одинаковую реализацию во всех выпущенных версиях клиента.

05 Источник и лицензия

Исходные материалы и лицензия

На этой странице описана зафиксированная версия источника по ссылке ниже. Поведение и требования апстрима могут измениться.

Владелец источника
OpenDesign
Репозиторий
nexu-io/open-design
Файл навыка
SKILL.md
Проверенный снимок
2026-11-02 · 5a0c47777975
Редакционное резюме источника
Редакционная проверка motion-design на закреплённой ревизии репозитория. Каталог skills объявляет Apache-2.0, если у навыка нет своей лицензии; в каталоге этого навыка отдельного файла лицензии не было. При подготовке этой карточки процесс не запускался.

Оригинальное резюме от OpenDesign на основе указанного источника. Звёзды репозитория — датированный показатель популярности, а не использование навыка или оценка качества.

06 Вопросы перед началом

Вопросы перед началом

Это тот же motion-design, что у LottieFiles?

Нет. SOURCES.md OpenDesign определяет его как оригинальный навык на основе публичных подходов, включая LottieFiles. Здесь проверяются реализация OpenDesign и её специфичный процесс среды.

Установка файла даёт другому агенту MP4-экспорт?

Нет. Файл содержит инструкции, не инструменты медиа или runtime OpenDesign. Полный процесс зависит от возможностей среды; импорт в другое место не доказывает равную поддержку.

Каждая motion-задача становится видео?

Нет. Видеобриф требует исходник и MP4, но взаимодействия указателя и микроанимация UI остаются исполняемым HTML или кодом. Запрос только планирования не разрешает производство.

OpenDesign

Планируйте движение. Сохраняйте исходник.

Используйте официальный помощник в доступном процессе среды OpenDesign. До начала учитывайте необходимые зависимости среды выполнения и сервисов.

Исходный файл в репозитории
https://github.com/nexu-io/open-design/blob/5a0c47777975ddb91d09c1c16b423a3ef74bf572/skills/motion-design/SKILL.md