aidemo — MCP-сервер для Claude Code: что делает и как установить
Пишет и монтирует демо-видео продукта: агент собирает storyboard.json, движок ведёт Chrome, озвучивает сцены, ставит субтитры и отдаёт готовый MP4.
claude mcp add aidemo -- npx -y @tandryukha/aidemoЧто делает aidemo
Сервер даёт агенту инструмент для съёмки демо. Вы пишете одну фразу про нужный сценарий, агент собирает storyboard.json — раскадровку с текстом озвучки и фиксированным списком действий в браузере. Дальше движок сам ведёт настоящий Chrome: печатает в человеческом темпе, кликает, плавно приближает нужные элементы.
Рендер идёт по шагам. Сначала озвучка, потом запись в браузере, затем субтитры по таймкодам Whisper, в конце сборка. На этом шаге движок режет паузы, синхронизирует звук с картинкой и отдаёт output/final-demo.mp4. Из того же дубля выходят GIF и именованные кадры для README. Запись детерминированная: если интерфейс продукта поменялся, тот же storyboard прогоняется заново и переснимать руками ничего не надо.
Ключ API нужен только для облачной озвучки — OpenAI или ElevenLabs. Локальная модель включается через AIDEMO_TTS_PROVIDER=local, и тогда рендер идёт офлайн, без ключа и без загрузки куда-либо. Запись идёт через ваш Chrome, поэтому снимать можно на localhost и в приложении за логином. В CI хватает строки uses: tandryukha/aidemo@stable, которая переигрывает закоммиченный storyboard.
Какие задачи решает
- записать 45-секундное демо оформления заказа без ручной съёмки
- переснять демо после редизайна, не собирая сценарий заново
- озвучить запись экрана и положить к ней синхронные субтитры
- вытащить GIF и кадры для README из того же дубля
- обновлять демо в CI при каждом изменении продукта
Примеры запросов агенту
- Запиши 45-секундное демо оформления заказа: логин, корзина, оплата. Озвучь по-английски.
- Собери
storyboard.jsonдля тура по википедии и отрендери его без ключа. - Перерендери
output/final-demo.mp4из готового storyboard и достань кадры для README.
Как установить aidemo
Командой платформы
claude mcp add aidemo -- npx -y @tandryukha/aidemoКомандой платформы
codex mcp add aidemo -- npx -y @tandryukha/aidemoФайл настроек
{
"mcpServers": {
"aidemo": {
"command": "npx",
"args": [
"-y",
"@tandryukha/aidemo"
]
}
}
}Файл настроек
{
"servers": {
"aidemo": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@tandryukha/aidemo"
]
}
}
}Командой платформы
gemini mcp add aidemo npx -y @tandryukha/aidemoПо шагам, с командами для каждой платформы: Как подключить MCP-сервер: Claude Code, Codex, Cursor, VS Code, Gemini CLI и другие
Вопросы о aidemo
Как установить aidemo в Claude Code?
Одной командой: claude mcp add aidemo -- npx -y @tandryukha/aidemo. После неё сервер доступен агенту и он может писать storyboard и запускать рендер.
Что делает aidemo?
Превращает запрос вида «запиши демо этого флоу» в MP4 с озвучкой, субтитрами и автоматическим зумом. Агент пишет storyboard.json, движок проигрывает его в Chrome и монтирует результат.
Нужен ли ключ OpenAI?
Только для облачной озвучки через OpenAI или ElevenLabs. С AIDEMO_TTS_PROVIDER=local работает локальная модель, и рендер проходит офлайн, без ключа.
