# AIOProductOS Studio

Записывает пошаговые видеодемонстрации веб-приложений и делает маркетинговые скриншоты прямо через браузер. Пригодится для подготовки релизных роликов и гифок в ченджлог по одной команде.

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

## Что делает

Сервер управляет локальным браузером Chromium через Playwright и превращает текстовый сценарий в готовый ролик. Во время записи искусственный интеллект плавно двигает курсор к кнопкам, печатает текст с естественной скоростью, прокручивает страницы и приближает камеру к нужным блокам. Готовые файлы формата MP4 или GIF сохраняются в каталог `./studio-output/`.

Для оформления доступны подписи снизу экрана, голосовые ремарки, акцентные рамки вокруг элементов и финальные карточки со ссылками. Вы можете скрыть плашки согласия на куки, убрать всплывающие виджеты через список селекторов `hide_selectors` и передать файл сессии `auth.json`, чтобы снимать закрытые страницы личного кабинета.

Для работы необходимы Node 18+ и браузер Playwright Chromium. Без установленной в `PATH` утилиты ffmpeg сервер сохранит только исходный WebM вместо готового MP4.

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

## Установка

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

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

### Codex

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

### Cursor

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

### GitHub Copilot

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

### Gemini CLI

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

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

## Примеры запросов агенту
- Запиши 30-секундное демо дашборда на https://app.example.com, приблизь график аналитики и добавь финальный экран со ссылкой
- Сделай маркетинговый скриншот блока тарифов на главной странице с высоким разрешением
- Запусти запись сессии на https://app.example.com с использованием auth.json и скрой селектор #chat-widget

## Похожие
- [Scrapling MCP Server](https://affpapa.org/nevibecode/mcp/scrapling-mcp-server.md) — MCP-сервер · ★ 89899
- [browser-use](https://affpapa.org/nevibecode/mcp/browser-use.md) — MCP-сервер · ★ 119231
- [AIHawk](https://affpapa.org/nevibecode/mcp/aihawk.md) — MCP-сервер · ★ 32260
- [Skyvern](https://affpapa.org/nevibecode/mcp/skyvern.md) — MCP-сервер · ★ 23283
- [SeleniumBase MCP](https://affpapa.org/nevibecode/mcp/seleniumbase-mcp.md) — MCP-сервер · ★ 13181
- [apify-mcp-server](https://affpapa.org/nevibecode/mcp/apify-mcp-server.md) — MCP-сервер · ★ 13345

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