# Phonebook

Собирает @Preview и #Preview из вашего Android или iOS репозитория в статичный HTML-каталог компонентов с карточками «component / state». Пригодится, чтобы показать дизайнеру интерфейс без сборки проекта на его машине.

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

## Что делает

Phonebook переиспользует превью, которые уже лежат в коде. Агент через MCP-сервер проверяет настройку, ищет компоненты без превью или без тёмного варианта, затем запускает рендер и сборку сайта. Готовый бандл — это `manifest.json` плюс папка `images/`, а `phonebook build` кладёт рядом `index.html`. Каталог открывается прямо с `file://` или с любого статического хостинга.

Под капотом на Android работают Roborazzi и ComposablePreviewScanner на JVM, эмулятор не нужен. На iOS рендерит SnapshotPreviews через `xcodebuild test` на симуляторе, поэтому сборка требует macOS.

Один репозиторий даёт один сайт: v1 одноплатформенная, смешивать Android и iOS в одном бандле нельзя. Android Studio в режиме Gemini Agent не подойдёт, потому что тот подключает только удалённые MCP-серверы по `httpUrl`, а Phonebook поднимает локальный stdio-процесс — запускайте его из Claude или Codex CLI.

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

## Установка

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

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

### Codex

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

### Cursor

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

### GitHub Copilot

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

### Gemini CLI

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

## Когда брать
- собрать галерею компонентов из готовых превью без нового тестового кода
- показать дизайнеру экраны в разных состояниях без запуска приложения
- найти компоненты без `@Preview` или без тёмного варианта
- проверить совместимость версий Roborazzi с версией Kotlin до сборки
- собрать статический сайт, который открывается без установки чего-либо

## Примеры запросов агенту
- Подключи phonebook MCP и сделай каталог экранов для дизайнера
- Проверь через phonebook, у каких компонентов нет превью, и допиши недостающие
- Сгенерируй бандл и собери из него статический сайт в отдельную папку

## Похожие
- [mobile-mcp](https://affpapa.org/nevibecode/mcp/mobile-mcp.md) — MCP-сервер · ★ 9946
- [mobilerun](https://affpapa.org/nevibecode/mcp/mobilerun.md) — MCP-сервер · ★ 9751
- [e2e](https://affpapa.org/nevibecode/mcp/e2e.md) — MCP-сервер · ★ 11912
- [XcodeBuildMCP](https://affpapa.org/nevibecode/mcp/xcodebuildmcp.md) — MCP-сервер · ★ 6505
- [ShipSwift](https://affpapa.org/nevibecode/mcp/shipswift.md) — MCP-сервер · ★ 3244
- [agent-device](https://affpapa.org/nevibecode/mcp/agent-device.md) — MCP-сервер · ★ 5149

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