106.9K+Скачать
Перейти к руководству
Motion Canvas Agentавтор VideoZero

Motion Canvas Agent Навык.

Переходите к нужному кадру, проверяйте сцену, делайте скриншоты и запускайте рендер в работающем редакторе Motion Canvas.

  • Motion Canvas
  • Проверка сцены
Скачать OpenDesignОткрыть руководство по использованию
Обзор исходных материалов · motion-canvas-agentSKILL.md
Задача Переходите к нужному кадру, проверяйте сцену, делайте скриншоты и запускайте рендер в работающем редакторе Motion Canvas. Результаты Локальный мост управления, подключённый к проекту Motion Canvas. Перед началом Начните с существующего проекта Motion Canvas и разрешения добавить оба интеграционных плагина. Держите редактор открытым, затем укажите кадры и настройки выхода для проверки агентом.
Редакционное описание · исходные материалы проверены 2026-11-02 · не сгенерированный пример

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

Переходите к нужному кадру, проверяйте сцену, делайте скриншоты и запускайте рендер в работающем редакторе Motion Canvas.

Управляйте локальным редактором Motion Canvas через HTTP: точные скриншоты кадров, проверка графа сцены, настройки и действия рендера.

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

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

motion-canvas-agent соединяет агента с работающим редактором Motion Canvas через локальный HTTP API. Позволяет перейти к кадру, сделать скриншот, изучить граф сцены, изменить настройки превью или рендера и запустить экспорт. Проигрыватель и рендерер по-прежнему работают в браузере.

Интеграция использует два файла: серверный плагин Vite и клиентский плагин внутри проекта Motion Canvas. Запросы идут через сервер разработки в открытый браузер. Это позволяет скриптовать точную проверку кадров, но требует живого соединения с редактором, а не работает как независимый headless-рендерер.

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

  • Локальный мост управления, подключённый к проекту Motion Canvas.
  • Скриншоты конкретных кадров и данные проверки графа сцены.
  • Запрошенные действия рендера и записанные настройки превью/рендера.
Смотреть пример задания

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

  1. 01
    Подключите обе стороны плагина

    Добавьте серверный плагин в Vite, клиентский — в проект Motion Canvas. Запустите сервер разработки и откройте редактор в браузере.

  2. 02
    Проверьте известный кадр

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

  3. 03
    Рендерите с явными настройками

    Проверьте ошибки и различайте настройки превью и рендера. Запустите запрошенный экспорт и проверьте фактический артефакт после завершения.

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

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

Начните с существующего проекта Motion Canvas и разрешения добавить оба интеграционных плагина. Держите редактор открытым, затем укажите кадры и настройки выхода для проверки агентом.

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

  • Агенту нужны доказательства точных кадровAPI даёт переход и скриншоты без ручной синхронизации браузерного воспроизведения.
  • Видимое состояние сцены неясноРекурсивный граф сообщает типы узлов, позиции, размеры и текст для визуальной диагностики.

Ограничения

  • Нужен открытый браузерСервер передаёт запросы работающему проигрывателю и рендереру; отключённый редактор не даёт нужного контроля.
  • Эндпоинт должен оставаться локальнымИсточник предупреждает не выставлять API управления разработкой в сеть.
  • Запрос рендера не означает завершенияПринятое API-действие всё равно требует проверки выходного файла и воспроизведения.

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

  • Существующий проектПредоставьте проект Motion Canvas и разрешение добавить два интеграционных файла.
  • Цели проверкиНазовите сцены, номера кадров и визуальные условия для проверки.
  • Настройки выходаЗадайте размер кадра, диапазон, частоту кадров при рендере и место сохранения.

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

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

  1. Повторяемые снимки

    После исправления кода можно вернуться к тому же кадру.

  2. Видимость состояния

    Проверка графа дополняет скриншоты конкретными значениями узлов.

  3. Разделённые настройки

    Превью и рендер можно проверить, а не считать одинаковыми.

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

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

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

Изучите исходные инструкции и настройку

Предоставьте проект Motion Canvas и разрешение добавить два интеграционных файла.

Исходный файл в репозитории
https://github.com/VideoZero/skills/blob/670ff96af6149f0ac8850380a466f073471e600c/motion-canvas-agent/SKILL.md

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

Начните с одного результата

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

Пример задания
Используй motion-canvas-agent для проверки работающей последовательности Motion Canvas после подключения плагина. Подтверди соединение с редактором, затем сними первый кадр, передачу пакета и финальный кадр в размере 1920 на 1080. Изучи граф сцены там, где пакет обрезан, и проверь эндпоинт ошибок. Оставь API привязанным локально. Запиши частоты кадров превью и рендера отдельно, затем запусти утверждённый диапазон рендера. Сообщай о фактическом экспортном файле только после его появления и воспроизведения; не считай подтверждение эндпоинта завершённым экспортом.

Проверьте результат

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

  • Подтвердите соединение браузера перед переходом или захватом.
  • Сравните метаданные кадра скриншота с запрошенным кадром.
  • Проверьте настройки выхода, ошибки и завершённый артефакт рендера.

OpenDesign предоставляет локальное дизайн-пространство для кодинг-агентов. Этот список не означает, что навык входит в комплект или что его внешние инструменты, учётные данные и программные зависимости включены.

Скачать OpenDesignЧитать краткое руководство

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

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

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

Владелец источника
VideoZero
Репозиторий
VideoZero/skills
Файл навыка
SKILL.md
Лицензия
Apache-2.0
Проверенный снимок
2026-11-02 · 670ff96af614
Редакционное резюме источника
Переходите к нужному кадру, проверяйте сцену, делайте скриншоты и запускайте рендер в работающем редакторе Motion Canvas.

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

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

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

Можно без браузера?

Документированная архитектура требует открытого редактора Motion Canvas. Клиентский плагин открывает доступ к живому проигрывателю и рендереру через серверный мост.

Он пишет анимационные сцены?

Основная роль — управление и проверка. Сопутствующий motion-canvas охватывает концепции фреймворка и создание сцен.

Можно открыть API на общем сервере?

Источник прямо рекомендует только localhost. Эндпоинты управления нельзя выставлять как производственный сетевой сервис.

OpenDesign

Храните задание и работу над дизайном вместе.

Храните задание, исходные материалы и дизайн-работу вместе в локальном рабочем пространстве. Перед добавлением навыка в рабочий процесс проверьте его собственную настройку.

Скачать OpenDesignПросмотреть дизайн-навыки
Исходный файл в репозитории
https://github.com/VideoZero/skills/blob/670ff96af6149f0ac8850380a466f073471e600c/motion-canvas-agent/SKILL.md