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

remotion-best-practices — скилл Claude Code: что делает, установка

Маршрутизирует задачи Remotion к подходящим инструкциям для создания видео, React-разметки, карт, мультимедиа и рендера.

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

Что делает remotion-best-practices

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

Для предпросмотра Studio запускается командой npx remotion studio; рендер выполняется через npx remotion render, когда пользователь явно просит экспорт. В инструкциях также есть отдельные материалы по Studio и рендерингу, а WebMCP доступен в Studio.

Скилл подходит тем, кто работает с Remotion через Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI или OpenCode. Его стоит установить, если агенту нужно выбирать правильный сценарий Remotion; для задач вне этой экосистемы он лишний.

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

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

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

  • Создай новое Remotion-видео и открой предпросмотр в Studio.
  • Проверь React-разметку Remotion и загрузи подходящие рекомендации.
  • Подготовь рендер видео только после моего явного запроса на экспорт.

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

1Через Skills CLI (Vercel)

npx skills add remotion-dev/skills --skill remotion-best-practices -a claude-code

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

~/.claude/skills/remotion-best-practices/SKILL.md

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

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

Весь набор →
remotion-create remotion-dev Скилл создаёт новый проект Remotion и помогает подготовить видеокомпозицию. Подойдёт, когда видео нужно собирать из React-разметки. Claude Code CX Codex Cursor +1 208 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установок

Похожие

hallmark Nutlope Задаёт жесткие правила верстки для веб-страниц, чтобы интерфейсы нейросетей не выглядели шаблонными. Нужен при создании нового дизайна или полном редизайне. Claude Code CX Codex Cursor +1 69 100установок ask-sonner emilkowalski Справочник по Sonner, React-библиотеке тостов: подключение, вызовы toast(), стили и разбор поломок. Claude Code CX Codex Cursor +1 138 600установок design-system claudekit Скилл собирает дизайн-токены, спецификации компонентов и презентационные слайды. Подойдёт, когда интерфейс и слайды должны следовать одной системе. Claude Code CX Codex Cursor +1 42 200установок animate-expo emilkowalski Создаёт мобильные анимации для React Native и Expo на базе Reanimated и Gesture Handler. Помогает избежать просадок кадров на реальных устройствах. Claude Code CX Codex Cursor +1 135 900установок design claudekit Скилл для генерации логотипов, бренд-айдентики, дизайн-токенов, слайдов на Chart.js и баннеров через ИИ и Python-скрипты. Claude Code CX Codex Cursor +1 40 800установок ui-styling claudekit Скилл для сборки доступных интерфейсов на shadcn/ui и Tailwind CSS: компоненты, темы, тёмная тема, адаптивные сетки и canvas-дизайн. Claude Code CX Codex Cursor +1 40 200установок frontend-design официальный anthropics Скилл задаёт осмысленное визуальное направление для новых интерфейсов и редизайна. Подойдёт, когда стандартный шаблонный UI не устраивает. Claude Code Claude.ai 1 025 790установок design-taste-frontend Leonxlnx Скилл задаёт арт-дирекцию для публичных страниц и рабочих экранов, а затем проверяет результат в браузере по скриншотам. Нужен, когда интерфейс выглядит шаблонным или недоработанным. Claude Code CX Codex Cursor +1 673 100установок

Вопросы о remotion-best-practices

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

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

Что делает remotion-best-practices?

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

С какими платформами работает remotion-best-practices?

Скилл предназначен для Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI и OpenCode.

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

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

Компании, которые помогают держать аналитику открытой
Золотой спонсор AI-аналитика спроса на iGaming — индекс, тренды, конкуренты
Nutra.Club Закрытое сообщество Nutra-вертикали от команды M1

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