OP
chat-motion-overlay
Генерирует настраиваемые анимированные оверлеи чата из транскриптов или скриншотов: пузыри, интерфейсы, рамки устройств, аватары и никнеймы. Создает готовые к прозрачному видео пакеты Remotion для Douyin, демо-роликов, сторис и встраиваемых оверлеев в Hyperframe.
Что делает навык
Skill генерирует настраиваемые анимированные оверлеи чата из транскриптов или скриншотов, создавая пакеты Remotion для видео. Он заменяет жестко закодированные макеты (например, WeChat) гибкими клипами с пузырями, интерфейсами и рамками устройств.
Когда применять
- Создание демо-роликов с анимированным чатом
- Генерация сторис для Douyin с оверлеями сообщений
- Встраиваемые оверлеи в Hyperframe
- Конвертация скриншотов переписки в анимированные клипы
Как работает
- Нормализуйте входные данные: извлеките сообщения из скриншота в формат транскрипта или сохраните исходный текст.
- Выберите конфигурацию сцены, изучив references/config-schema.md, и определите стиль контейнера, режим аватаров и формат доставки.
- При работе со скриншотами используйте видимые аватары как подсказки для количества участников, но не создавайте новые изображения аватаров по умолчанию.
- Запустите скрипт scripts/build_chat_overlay_spec.py с транскриптом и опциональным JSON-конфигурацией.
- Получите единый JSON-спецификацию, которую Remotion может рендерить напрямую.
Примеры запросов агенту
Создай анимированный оверлей чата для сторис из этого скриншота переписки.
Генерируй Remotion-пакет для демо-ролика с пузырями сообщений на основе этого текста.
Преврати этот текст диалога в клип с рамкой устройства и аватарами для Douyin.
Что понадобится
- Python-скрипт scripts/build_chat_overlay_spec.py
- Ссылки на файлы references/config-schema.md, references/input-format.md, references/question-strategy.md
- Среда для рендеринга Remotion
Описание составлено по SKILL.md навыка, сверено 08.10.2026.
Как подключить
1Скачать навык
# возьмите папку навыка «chat-motion-overlay» из репозитория:
# https://github.com/nexu-io/open-design
2Положить папку с
SKILL.md к навыкам ассистента# положите папку навыка туда, где ассистент ищет skills:
cp -r chat-motion-overlay/ ~/.claude/skills/chat-motion-overlay/
Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.