Skills Remotion Dev

3D-контент в Remotion с использованием Three.js и React Three Fiber.

Принять внешний вклад Remotion Element, проверив его зафиксированные превью, загрузив их в R2, удалив временные ресурсы и подготовив…

Добавить новую запись о баге Remotion в packages/bugs/api/[v].ts. Используйте, когда пользователь описывает баг и затронутые версии Remotion, которые должны быть отображены через…

Добавить новую запись об ошибке Remotion в packages/bugs/api/[v].ts. Использовать, когда пользователь описывает ошибку и затронутые версии Remotion, которые должны отображаться через…

Добавить новую опцию Remotion CLI или конфигурации, создав AnyRemotionOption, зарегистрировав парсинг CLI, подключив сеттеры конфигурации и обновив документацию. Используйте, когда…

Добавьте новую опцию Remotion CLI или конфигурации, создав AnyRemotionOption, зарегистрировав разбор CLI, подключив сеттеры конфигурации и обновив документацию. Используйте, когда…

Добавьте новый эффект в @remotion/effects, включая реализацию, экспорт пакета, документацию, демо, превью-изображения, обновления навыков Remotion, тесты, форматирование и…

Добавить новый эффект в @remotion/effects, включая реализацию, экспорт пакета, документацию, демо, превью-изображения, обновления навыка Remotion, тесты, форматирование и…

Добавить нового эксперта на страницу экспертов Remotion

Добавить нового эксперта на страницу экспертов Remotion

Добавьте новый пакет в монорепозиторий Remotion, включая создание структуры пакета, регистрацию в монорепозитории, документацию, скрипты сборки, тесты и чек-лист релиза…

Добавить новый пакет в монорепозиторий Remotion, включая создание структуры пакета, регистрацию в монорепозитории, документацию, скрипты сборки, тесты и чек-лист релиза…

Добавить новый звуковой эффект в @remotion/sfx

Добавить ошибку WebCodecs браузера на страницу документации об ошибках WebCodecs Remotion Mediabunny. Используйте, когда дана ссылка на проблему Chromium, WebKit или Firefox, которую необходимо отслеживать…

Добавить ошибку браузера WebCodecs на страницу документации Remotion Mediabunny WebCodecs bugs. Используется, когда предоставлен URL проблемы Chromium, WebKit или Firefox, которую необходимо отслеживать…

Пересоберите, установите и перезагрузите приватное распакованное расширение Chrome Remotion Canvas Capture. Используйте, когда расширение необходимо восстановить после Codex worktree…

Переключиться на запрошенную ветку или ref в репозитории Remotion, переименовать текущую задачу в соответствующий заголовок PR при работе в Codex, затем установить зависимости…

Выполнить чекаут запрошенной ветки или ссылки в репозитории Remotion, затем установить зависимости и собрать. Используйте, когда пользователь просит выполнить чекаут ссылки и подготовить…

Запустите локальное приложение @remotion/convert и откройте его в браузере Codex. Используйте, когда пользователь вызывает /convert или $convert, просит запустить convert.remotion.dev…

Запустить локальное приложение @remotion/convert и открыть его в браузере Codex. Использовать, когда пользователь вызывает /convert или $convert, просит запустить convert.remotion.dev…

Справочник о том, как устаревание публичных Remotion API представлено в исходном коде TypeScript и документации. Используйте при добавлении, рецензировании или обсуждении…

Запустить сайт документации Remotion и открыть его в браузере Codex. Использовать, когда пользователь вызывает /docs или $docs, просит запустить локальный сайт документации или хочет…

Запустить сайт документации Remotion и открыть его в браузере Codex. Используется, когда пользователь вызывает /docs или $docs, просит запустить локальный сайт документации или хочет…

Добавьте интерактивное демо в документацию Remotion. Используйте при создании нового компонента <Demo> для страниц документации.

Добавить интерактивное демо в документацию Remotion. Используйте при создании нового компонента <Demo> для страниц документации.

Проверьте и очистите иерархию masterplan в Remotion GitHub. Используйте при поиске открытых проблем, у которых нет родительского masterplan, выявлении осиротевших проблем, требующих…

Исправьте PR от Dependabot, обновив все экземпляры зависимости в монорепозитории, запустив bun install и выполнив push

Исправить PR от Dependabot, обновив все экземпляры зависимости в монорепозитории, выполнив bun install и сделав push

Отслеживание Remotion CI flakes в issue

Отслеживать сбои Remotion CI в задаче

Выполняйте проверки форматирования и стиля Remotion, пока они не будут пройдены. Используйте, когда пользователь просит исправить форматирование или выполнить команду форматирования.

Запускать проверки форматирования и стиля Remotion до тех пор, пока они не будут пройдены. Использовать, когда пользователь просит исправить форматирование или выполнить команду форматирования.

Управляет стековыми PR и разделяет многочастную работу на проверяемые ветки с помощью gh-stack. Используется для создания стека, просмотра, редактирования, push, submit, sync, rebase,…

Использовать при рендеринге или замене видео для полосы создателей на главной странице Remotion, особенно прозрачных ассетов Chrome WebM и Safari MP4, скопированных в обе промо-страницы…

Используется при рендеринге или замене видео ленты создателя домашней страницы Remotion, особенно прозрачных ресурсов Chrome WebM и Safari MP4, скопированных в обе страницы промо…

Установите и проверьте закреплённую сборку Chrome for Testing, используемую приватным расширением Remotion Canvas Capture на macOS с Apple Silicon. Используйте при настройке Canvas…

Лучшие практики написания анимаций Remotion, которые остаются интуитивно понятными для агентов и редактируемыми в визуальном режиме Remotion Studio.

Создание или обновление задач GitHub с корректным именованием Remotion и безопасной обработкой многострочного Markdown

Управление связями GitHub Issues 2.0 с помощью gh CLI: родительские задачи, подзадачи, блокировки (blocked-by) и связывание (blocking).

Управление связями GitHub Issues 2.0 с помощью gh CLI: родительские задачи, подзадачи, блокирующие и блокируемые связи.

Автоматизируйте создание пулл-реквестов с форматированными коммитами и управлением ветками. Проверяет, что вы не находитесь в основной ветке, при необходимости создавая feature-ветку. Запускает форматирование кода Oxfmt во всех затронутых пакетах перед коммитом. Форматирует коммиты и заголовки PR, используя имя пакета из package.json (например, "@remotion/shapes: Add heart shape"). Использует CLI gh для автоматического открытия пулл-реквеста после отправки изменений.

Обработка мультимедиа с библиотекой Mediabunny

Обработка мультимедиа с помощью библиотеки Mediabunny

Обработка мультимедиа с помощью библиотеки Mediabunny

Обработка мультимедиа с помощью библиотеки Mediabunny

Ожидать, пока pull request в Remotion станет доступным для слияния, обрабатывать конфликты слияния, отличать настоящие сбои CI от временных ошибок, перезапускать ненадёжные проверки через flake…

Создать новый Remotion Element с корректно настроенной композицией предпросмотра для разработки в docs Remotion Studio.

Исправление недавно добавленных необязательных параметров, необязательных React-пропсов и необязательных членов типов/интерфейсов в диффах монорепозитория Remotion путем преобразования внутренних API в…

Исправление недавно добавленных опциональных параметров, опциональных React-пропсов и опциональных членов типов/интерфейсов в diff-файлах монорепозитория Remotion путем преобразования внутренних API в…

Запустите пример приложения @remotion/player и откройте его в браузере Codex. Используйте, когда пользователь вызывает /player-example или $player-example, просит запустить…

Запустить пример приложения @remotion/player и открыть его в браузере Codex. Использовать, когда пользователь вызывает /player-example или $player-example, просит запустить…

Открыть пулл-реквест для текущей функции

Открыть pull request для текущей функции

Корректное именование для PR

Проверить или исправить заголовок pull request в Remotion

Устранить сбои CI, конфликты слияния или изменения в локальной ветке, чтобы подготовить PR

Устраните ошибки CI, конфликты слияния или локальные изменения ветки, чтобы подготовить PR к готовности

Финализируйте разработанный элемент Remotion, добавьте его в галерею документации, отрендерите его превью и запустите проверки репозитория.

Выпустить новую версию Remotion

Выпустить новую версию Remotion

Навыки для создания видео с помощью Remotion.

Лучшие практики для Remotion — создание видео в React

Маршрутизатор для всех навыков Remotion

Best practices for Remotion - Video creation in React

Лучшие практики для Remotion — создание видео в React

Лучшие практики для Remotion

Предметно-ориентированная база знаний для создания видео с помощью Remotion и React. Охватывает более 30 файлов правил, охватывающих анимацию, аудио, ресурсы, 3D-контент, диаграммы, текст, переходы и управление композицией. Включает специализированные рекомендации по субтитрам, операциям FFmpeg, визуализации аудио и интеграции звуковых эффектов. Предоставляет шаблоны для динамического вычисления метаданных, проверки медиа (длительность, размеры, извлечение кадров) и параметризуемых композиций. Поддерживает расширенные функции, такие как Lottie...

Работа с субтитрами в Remotion

Транскрибирование, отображение и анимация субтитров

Транскрибирование, отображение и анимация субтитров

Работа с субтитрами в Remotion

Работа с субтитрами в Remotion

Создание нового видео Remotion

Создать новое видео Remotion

Создание нового видео Remotion

Создание нового видео Remotion

Поиск документации Remotion

Поиск по документации Remotion

Искать документацию Remotion

Поиск по документации Remotion

Лучшие практики написания анимаций Remotion, которые остаются интуитивно понятными для агентов и редактируемыми в визуальном режиме Remotion Studio.

Структурировать разметку Remotion для интерактивности

Структурируйте разметку Remotion для интерактивности

Лучшие практики написания анимаций Remotion, которые остаются интуитивно понятными для агентов и редактируемыми в визуальном режиме Remotion Studio.

Лучшие практики написания анимаций Remotion, которые остаются интуитивно понятными для агентов и редактируемыми в визуальном режиме Remotion Studio.

Знания об анимации карт Remotion

Знания по анимации карт в Remotion

Знания об анимации Remotion Map

Знания об анимации карт в Remotion

Лучшие практики для контента, анимации и эффектов

Лучшие практики написания разметки Remotion React

Лучшие практики написания Remotion React Markup

Лучшие практики написания разметки Remotion React

Взаимодействие с Mediabunny

Взаимодействие с Mediabunny

Взаимодействие с Mediabunny

Взаимодействие с Mediabunny

Экспорт видео Remotion

Экспортировать видео Remotion

Лучшие практики рендеринга видео

Лучшие практики рендеринга видео

Лучшие практики рендеринга видео

Создайте приложение с Remotion

Создание видеоприложений с Remotion — советы по фреймворку, рендерингу и плееру

Создание видеоприложений с Remotion — советы по фреймворку, рендерингу и плееру

Создание видеоприложений с Remotion — советы по фреймворку, рендерингу и плееру

Предпросмотр видео Remotion

Предпросмотреть видео Remotion

Предпросмотр видео Remotion

Предпросмотр видео Remotion

Обновите Remotion и связанные пакеты

Обновить Remotion и связанные пакеты

Обновите Remotion и связанные пакеты

Обновить Remotion и связанные пакеты

Создайте новый Remotion Element с правильно настроенной preview-композицией для разработки в docs Remotion Studio.

Задокументируйте размещение навыков Remotion. Используйте при добавлении, перемещении или редактировании навыков Remotion, чтобы определить, принадлежит ли навык к .agents/skills как внутренний навык…

Размещение навыков Document Remotion. Используйте при добавлении, перемещении или редактировании навыков Remotion, чтобы определить, относится ли навык к внутренним навыкам в .agents/skills…

Запустите Remotion Studio из packages/example и откройте его в браузере Codex. Используйте, когда пользователь вызывает /studio или $studio, просит запустить пример Studio,…

Запустите Remotion Studio из packages/example и откройте его в браузере Codex. Используйте, когда пользователь вызывает /studio или $studio, просит запустить пример Studio,…

Классифицируйте и подключайте параметры конфигурации Remotion Studio как фиксированные при запуске или перезагружаемые, предотвращая смешанное поведение жизненного цикла у потребителей. Используйте, когда…

Диагностика и исправление ошибок интерфейса Remotion Studio, вызванных глобальным сбросом CSS. Используйте, когда вложенный текст или SVG-иконки имеют неправильный цвет, типографику, размер, hover…

Руководство по изменениям пользовательского интерфейса Remotion Studio, где глобальный сброс CSS влияет на вложенные элементы. Используйте при редактировании пакетов/интерфейса студии, особенно при добавлении обёртки…

Оптимизируйте производительность рендеринга Remotion Studio, минимизируя кадро-реактивные поверхности компонентов, предпочитая императивные чтения состояния таймлайна и мемоизируя стабильные…

Завершите разработанный Remotion Element, добавьте его в галерею документации и подготовьте либо прямую подачу участника, либо вклад, доступный для внешней проверки.

Публикация бинарных файлов Remotion Lambda Chrome в тестовый регион eu-central-1 и обновление ссылок на размещённый слой и версию Chrome. Использовать при обновлении Chrome…

Публикует бинарные файлы Remotion Lambda Chrome в тестовый регион eu-central-1 и обновляет ссылки на размещенный слой и версию Chrome. Используется при обновлении Chrome…

Обновить текущую ветку Remotion до последней канонической ветки main. Использовать, когда требуется обновить или синхронизировать с upstream main, объединить последнюю main в…

Обновить Git-ревизию ffmpeg-next в Remotion до опубликованного коммита rust-ffmpeg, обновить Cargo.lock, пересобрать все поддерживаемые бинарные файлы композитора, проверить…

Обновление количества звезд GitHub на главной странице Remotion. Используйте, когда требуется обновить отображаемое количество звезд GitHub и отправить изменение в main.

Обновляет количество звёзд GitHub на домашней странице Remotion. Используется, когда нужно обновить отображаемое количество звёзд GitHub и отправить изменения в основную ветку.

Update `AvailableFrom` in a PR to the next Remotion patch version (`main` + `0.0.1`).

Update `AvailableFrom` in a PR to the next Remotion patch version (`main` + `0.0.1`).

Обновите переопределение caniuse-lite в репозитории Remotion. Используйте, когда требуется обновить caniuse-lite до последней версии npm.

Обновить переопределение caniuse-lite в репозитории Remotion. Использовать, когда требуется обновить caniuse-lite до последней версии npm.

Обновите Mediabunny и связанные пакеты @mediabunny в репозитории Remotion. Используйте, когда требуется обновить Mediabunny до последней версии.

Обновление Mediabunny и связанных пакетов @mediabunny в репозитории Remotion. Используйте, когда требуется обновить Mediabunny до последней версии.

Загружайте крупные ресурсы репозитория Remotion в корзину Cloudflare R2, расположенную за remotion.media, и заменяйте локальные ресурсы public/ на размещённые URL. Используйте, когда файл…

Загружает большие ресурсы репозитория Remotion в бакет Cloudflare R2 на remotion.media и заменяет локальные ресурсы public/ на размещённые URL. Используется, когда файл…

Implement or review a Remotion 5 breaking change while the v4 and v5 release lines still share code. Use when v4 behavior and public types must remain…

Настройте монитор Codex для развёртываний Vercel и превью-URL. Используйте, когда пользователь вызывает /vercel или $vercel, просит Codex наблюдать или отслеживать Vercel…

Настройка монитора Codex для развертываний Vercel и URL-адресов предварительного просмотра. Используется, когда пользователь вызывает /vercel или $vercel, просит Codex следить или отслеживать Vercel…

The version of Remotion we are working on.

Версия Remotion, над которой мы работаем.

Сгенерировать отчет о видео

Создать отчет о видео

Guidance for working on Remotion Studio Visual Mode, sequence identity, node paths, symbolicated stacks, override IDs, and hot reload behavior. Use when…

Руководство по работе с Visual Mode в Remotion Studio, идентификацией последовательностей, путями узлов, символизированными стеками, идентификаторами переопределений и поведением горячей перезагрузки. Используйте, когда…

Визуальное тестирование снимков для компонентов веб-рендерера с использованием фикстур vitest. Создавайте тестовые фикстуры в packages/web-renderer/src/test/fixtures, которые определяют React-компонент, размеры, частоту кадров и длительность. Регистрируйте фикстуры в packages/web-renderer/src/test/Root.tsx для включения функции предварительного просмотра. Пишите тестовые случаи, которые рендерят статичные изображения с помощью renderStillOnWeb() и проверяют вывод с помощью сравнения снимков testImage(). Запускайте тесты с bunx vitest src/test/video.test.tsx и обновляйте документацию в...

Добавить тест-кейс в веб-рендерер

Руководства по написанию и редактированию документации Remotion. Используйте при добавлении страниц документации, редактировании MDX-файлов в packages/docs или написании контента документации.

Рекомендации и шаблоны для написания документации Remotion API в формате MDX. Создайте один .mdx файл для каждого API в packages/docs/docs, добавьте его в sidebars.ts и выполните bun render-cards.ts для генерации карточек социального превью. Используйте заголовки ### для свойств API (не маркированные списки), добавляйте суффикс ? для необязательных параметров и включайте значения по умолчанию в описания. Отдавайте предпочтение типобезопасным фрагментам кода с проверкой twoslash; используйте // ---cut--- для скрытия импортов и всегда добавляйте атрибуты title к...

Правила написания и рецензирования тестов в репозитории Remotion. Используйте при добавлении, редактировании или рецензировании тестов, особенно для Studio UI, rendering, CLI,…