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

remotion-captions — скилл для Claude: субтитры в Remotion

Скилл для работы с субтитрами в Remotion: транскрипция видео, вывод и анимация подписей, импорт из .srt.

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

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

Скилл ведёт агента по работе с субтитрами в Remotion. Все подписи обрабатываются в JSON и описываются типом Caption из @remotion/captions — у каждой записи есть текст, начало и конец в миллисекундах, метка времени, уверенность и необязательный флаг разрыва страницы.

Внутри скилла три отдельных файла-инструкции: транскрипция видео и аудио в подписи, вывод подписей в видео и импорт из .srt. Агент подгружает нужный файл по ходу задачи, поэтому не нужно держать всё в голове сразу. После работы скилл отправляет к Remotion Best Practices и предлагает открыть Remotion Studio.

Ставить стоит, если вы уже собираете видео на Remotion и хотите, чтобы агент не изобретал формат подписей заново. Если субтитры в проекте не нужны, скилл ничего не даст.

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

  • сгенерировать подписи из видео- или аудиофайла
  • вывести субтитры поверх видео в Remotion
  • подтянуть готовые субтитры из .srt
  • сложить подписи в JSON по типу Caption
  • анимировать появление подписей по таймкодам

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

  • сгенерируй субтитры из этого видео и покажи их в композиции
  • импортируй субтитры из subtitles.srt и выведи их в видео
  • сделай анимацию подписей по таймкодам из captions.json

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

1Через Skills CLI (Vercel)

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

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

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

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

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

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

Похожие

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установок gsap-core greensock Скилл объясняет и пишет базовые GSAP-анимации для DOM и SVG. Подойдёт для tweens, easing, stagger и адаптации к reduced motion. Claude Code CX Codex Cursor +1 74 600установок 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установок hyperframes-cli heygen-com Управляет проектами HyperFrames через терминал: собирает таймлайн, проверяет контраст кадров, запускает предпросмотр и рендерит видео локально или в облаке. Claude Code CX Codex Cursor +1 1 200 000установок

Вопросы о remotion-captions

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

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

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

Помогает агенту транскрибировать видео и аудио, выводить и анимировать подписи в Remotion, а также импортировать их из .srt.

В каком формате хранятся подписи?

В JSON, по типу Caption из @remotion/captions: текст, startMs, endMs, timestampMs, confidence и необязательный pageBreakAfter.

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

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

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