К основному содержанию
скилл Claude Code CX Codex Cursor GitHub Copilot

remotion-create — скилл для Claude Code: что делает и как установить

Скилл создаёт новый проект Remotion и помогает подготовить видеокомпозицию. Подойдёт, когда видео нужно собирать из React-разметки.

Установить в Claude Code · Через Skills CLI (Vercel) Все способы и платформы ↓
npx skills add remotion-dev/skills --skill remotion-create -a claude-code
Открыть на GitHub

Что делает remotion-create

remotion-create создаёт новый проект Remotion, если его ещё нет, и добавляет основу для новой композиции. В пустой папке он запускает npx create-video@latest --yes --blank --no-tailwind ., затем устанавливает зависимости через npm i. Для папки с файлами проект создаётся во вложенной директории.

Перед изменением видео скилл открывает Remotion Studio в браузере и оставляет превью запущенным во время работы. Дальше он опирается на React-разметку, а для проекта с несколькими сценами или клипами применяет отдельные правила Remotion. Нужны Node.js и Git. TailwindCSS подключается по отдельной инструкции, если он нужен.

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

Какие задачи решает

  • создать новый проект Remotion
  • подготовить React-композицию для видео
  • открыть превью в Remotion Studio до правок
  • разместить видео- и аудиоклипы на таймлайне
  • собрать видео из нескольких сцен

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

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

Как установить remotion-create

1Через Skills CLI (Vercel)

npx skills add remotion-dev/skills --skill remotion-create -a claude-code

2Вручную: положить файлы

~/.claude/skills/remotion-create/SKILL.md

Папка скилла целиком; для одного проекта — .claude/skills/remotion-create/

Из того же набора8

Весь набор →
remotion-best-practices remotion-dev Маршрутизирует задачи Remotion к подходящим инструкциям для создания видео, React-разметки, карт, мультимедиа и рендера. Claude Code CX Codex Cursor +1 678 800установок remotion-captions remotion-dev Скилл для работы с субтитрами в Remotion: транскрипция видео, вывод и анимация подписей, импорт из .srt. Claude Code CX Codex Cursor +1 206 600установок remotion-markup remotion-dev Скилл задаёт правила написания React-разметки для Remotion: анимации через кадры, работа с медиа и эффектами. Пригодится, если вы собираете видео кодом. Claude Code CX Codex Cursor +1 202 600установок remotion-interactivity remotion-dev Подсказывает агенту, как размечать компоненты Remotion для редактирования в Remotion Studio. Пригодится при верстке видеосцен с настраиваемыми стилями, текстом и таймлайном. Claude Code CX Codex Cursor +1 197 900установок remotion-docs remotion-dev Скилл помогает агенту находить актуальные страницы документации Remotion и читать их в Markdown. Пригодится перед реализацией функций Remotion. Claude Code CX Codex Cursor +1 195 200установок remotion-upgrade remotion-dev Обновляет библиотеки Remotion и сопутствующие пакеты в проекте до актуальной версии. Пригодится, когда нужно синхронизировать зависимости и локальные скиллы без конфликтов. Claude Code CX Codex Cursor +1 186 800установок remotion-studio remotion-dev Скилл запускает Remotion Studio и открывает предпросмотр видео. Подойдёт, если вы хотите видеть композицию и проверять изменения прямо во время работы. Claude Code CX Codex Cursor +1 172 100установок

Похожие

enhance-prompt официальный google-labs-code Превращает неточные идеи интерфейса в детальные промпты для Google Stitch. Скилл подтягивает дизайн-систему из DESIGN.md и расписывает структуру экрана. Claude Code CX Codex Cursor +1 58 300установок stitch-loop официальный google-labs-code Организует автономную сборку страниц через Stitch MCP. Агент берёт задачу из файла-эстафеты, создаёт экран, переносит код в проект и сразу пишет задание для следующей итерации. Claude Code CX Codex Cursor +1 56 300установок remotion-render официальный Remotion Экспортирует видео и отдельные кадры из проектов Remotion через консольные команды. CX Codex GP ChatGPT 3установок shadcn-ui официальный google-labs-code Помогает находить, добавлять и настраивать компоненты shadcn/ui в React-проектах. Пригодится для сборки интерфейсов с Tailwind CSS. Claude Code CX Codex Cursor +1 53 400установок frontend-design официальный anthropics Скилл задаёт осмысленное визуальное направление для новых интерфейсов и редизайна. Подойдёт, когда стандартный шаблонный UI не устраивает. Claude Code Claude.ai 1 025 790установок design-taste-frontend Leonxlnx Скилл задаёт арт-дирекцию для публичных страниц и рабочих экранов, а затем проверяет результат в браузере по скриншотам. Нужен, когда интерфейс выглядит шаблонным или недоработанным. Claude Code CX Codex Cursor +1 673 100установок prototype Matt Pocock Создаёт временный прототип, чтобы проверить логику, модель состояния или вид интерфейса до работы над основным кодом. Claude Code 986 201установок hyperframes heygen-com Скилл задаёт агенту правила рендера HTML-кода в видео через HyperFrames. Помогает собирать проморолики, эксплейнеры и титры прямо в коде проекта. Claude Code CX Codex Cursor +1 1 200 000установок

Вопросы о remotion-create

Как установить remotion-create в Claude Code?

Выполните npx skills add remotion-dev/skills --skill remotion-create -a claude-code. Файл скилла появится по пути ~/.claude/skills/remotion-create/SKILL.md.

Что делает remotion-create?

Скилл создаёт новый проект Remotion, устанавливает зависимости и помогает оформить видеокомпозицию через React-разметку. Он также открывает Remotion Studio для просмотра изменений.

Что нужно для работы remotion-create?

Перед созданием проекта установите Node.js и Git. Для новой папки с проектом скилл использует npx create-video@latest --yes --blank --no-tailwind . и npm i.

Смотрите также

Спонсоры проекта

Компании, которые помогают держать аналитику открытой