Liamrjohnston/remotion-motion-graphics-skill

Что это?

Ключевые возможности

• 01Четыре Agent Skills для моушн-графики, движения камеры, демонстраций в терминале и редакционных материалов.
• 02Перед началом работы запрашивает формат вывода (4:3 или 9:16) и стиль фона.
• 03Изучает упомянутые продукты и использует настоящие логотипы и интерфейсы продуктов.
• 04Содержит скрипты для проверки источников, хеширования ресурсов и контроля готовности к передаче.
• 05Запрещает неон и свечение в визуальном оформлении.

Сценарии использования

• Создание коротких вертикальных роликов для Reels или TikTok по строке сценария с помощью AI-агента.
• Создание реалистичных демонстраций CLI-инструментов или агентов для написания кода в терминале для продуктовых видео.
• Создание редакционных карточек в новостном стиле с выделенными фразами для анонсов релизов.
• Добавление единообразного движения камеры в проекты Remotion, создаваемые с помощью AI-ассистента.

Быстрый старт

1. 1

   Создайте проект Remotion и установите skills

   npx create-video@latest my-graphics
2. 2

   Перейдите в папку проекта

   cd my-graphics
3. 3

   Установите в проект skills из этого репозитория

   npx skills add liamrjohnston/remotion-motion-graphics-skill -y
4. 4

   Просмотрите графику в Remotion Studio

   npx remotion studio

Что важно знать

• !Skills — это инструкции для ИИ-агентов, помогающих писать код. Для их использования нужен такой агент, как Claude Code или Codex, и проект Remotion.
• !Перед каждой сборкой нужно ответить на вопросы о формате и контексте, поэтому в каждый запрос добавляется ещё один шаг.

Темы

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

Что такое remotion-motion-graphics-skill?

Набор из четырёх Agent Skills, которые учат AI-агентов для написания кода создавать моушн-графику в стиле телевизионного вещания с Remotion. В репозитории собраны четыре Agent Skills для AI-агентов для написания кода, таких как Claude Code, Codex и Cursor. Они помогают агенту создавать готовые клипы с моушн-графикой в Remotion: от кинетической типографики и схем рабочих процессов до движения камеры, демонстраций в терминале и редакционных карточек с выделенными фрагментами. Перед написанием кода агент уточняет формат вывода (4:3 или 9:16) и стиль фона, а затем изучает упомянутые продукты и их логотипы.

remotion-motion-graphics-skill можно использовать бесплатно? Какая у него лицензия?

remotion-motion-graphics-skill распространяется с открытым исходным кодом под лицензией MIT. Перед использованием в коммерческих продуктах проверьте условия лицензии.

remotion-motion-graphics-skill всё ещё поддерживается?

Обновлялся за последние 6 месяцев. Последний коммит в remotion-motion-graphics-skill — 24 июл. 2026 г..

Для чего можно использовать remotion-motion-graphics-skill?

Создание коротких вертикальных роликов для Reels или TikTok по строке сценария с помощью AI-агента. Создание реалистичных демонстраций CLI-инструментов или агентов для написания кода в терминале для продуктовых видео. Создание редакционных карточек в новостном стиле с выделенными фразами для анонсов релизов. Добавление единообразного движения камеры в проекты Remotion, создаваемые с помощью AI-ассистента.

Как установить remotion-motion-graphics-skill?

Создайте проект Remotion и установите skills: npx create-video@latest my-graphics Перейдите в папку проекта: cd my-graphics Установите в проект skills из этого репозитория: npx skills add liamrjohnston/remotion-motion-graphics-skill -y Просмотрите графику в Remotion Studio: npx remotion studio

Где скачать remotion-motion-graphics-skill?

Исходный код и инструкции по установке — на GitHub: https://github.com/Liamrjohnston/remotion-motion-graphics-skill