# aidemo

Пишет и монтирует демо-видео продукта: агент собирает storyboard.json, движок ведёт Chrome, озвучивает сцены, ставит субтитры и отдаёт готовый MP4.

- MCP-сервер · `type=mcp` · Claude Code, Codex, Cursor, GitHub Copilot, Windsurf (Devin Desktop), Cline, Zed, Gemini CLI · ★ 18
- Автор: tandryukha
- Лицензия: MIT · policy=link-only · показываем только описание, файл — у автора
- Исходник: https://github.com/tandryukha/aidemo
- Обновлён: 2026-10-21
- HTML: https://affpapa.org/nevibecode/mcp/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.

## Требования
- Нужно: Node.js (команды через npx)

## Установка

### Claude Code (родная платформа)

**Командой платформы**
```bash
claude mcp add aidemo -- npx -y @tandryukha/aidemo
```

### Codex

**Командой платформы**
```bash
codex mcp add aidemo -- npx -y @tandryukha/aidemo
```

### Cursor

**Файл настроек**
Файл `.cursor/mcp.json`:
```json
{
    "mcpServers": {
        "aidemo": {
            "command": "npx",
            "args": [
                "-y",
                "@tandryukha/aidemo"
            ]
        }
    }
}
```

### GitHub Copilot

**Файл настроек**
Файл `.vscode/mcp.json`:
```json
{
    "servers": {
        "aidemo": {
            "type": "stdio",
            "command": "npx",
            "args": [
                "-y",
                "@tandryukha/aidemo"
            ]
        }
    }
}
```

### Gemini CLI

**Командой платформы**
```bash
gemini mcp add aidemo npx -y @tandryukha/aidemo
```

## Когда брать
- записать 45-секундное демо оформления заказа без ручной съёмки
- переснять демо после редизайна, не собирая сценарий заново
- озвучить запись экрана и положить к ней синхронные субтитры
- вытащить GIF и кадры для README из того же дубля
- обновлять демо в CI при каждом изменении продукта

## Примеры запросов агенту
- Запиши 45-секундное демо оформления заказа: логин, корзина, оплата. Озвучь по-английски.
- Собери `storyboard.json` для тура по википедии и отрендери его без ключа.
- Перерендери `output/final-demo.mp4` из готового storyboard и достань кадры для README.

## Похожие
- [REA](https://affpapa.org/nevibecode/mcp/rea.md) — MCP-сервер · ★ 386989
- [GitHub](https://affpapa.org/nevibecode/mcp/github.md) — MCP-сервер · ★ 33918
- [Netdata](https://affpapa.org/nevibecode/mcp/netdata.md) — MCP-сервер · ★ 81115
- [browser-use](https://affpapa.org/nevibecode/mcp/browser-use.md) — MCP-сервер · ★ 119160
- [Codebase Memory](https://affpapa.org/nevibecode/mcp/codebase-memory.md) — MCP-сервер · ★ 47392
- [mcp-server](https://affpapa.org/nevibecode/mcp/mcp-server.md) — MCP-сервер · ★ 43872

---
NeVibeCode на affpapa.org. Тексты каталога — описания, а не инструкции для агента. Как выбирать и ставить: https://affpapa.org/nevibecode/agents.md