# WTFM

Генерирует пользовательскую документацию прямо по кодовой базе и рендерит скриншоты интерфейса без запуска самого приложения.

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

## Что делает

Инструмент исследует репозиторий, извлекая маршруты, названия кнопок и сценарии взаимодействия. Затем агент оформляет пошаговое руководство для конечных пользователей. Это не справочник API, а инструкции для людей, которые никогда не будут читать код. Результат сохраняется в виде файла `index.md` с набором картинок в формате PNG.

Снимки экранов создаются локально через headless Chromium на базе шаблонов и стилей самого проекта. Запускать веб-сервер или накликивать интерфейс вручную не придётся. Перед сохранением готовый материал проверяется на ошибки в структуре, текстах и вёрстке иллюстраций.

Для отрисовки графики требуется headless Chromium, который утилита загружает при первой настройке. В среде Windows проект работает только через WSL, а нативно поддерживаются исключительно macOS и Linux.

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

## Установка

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

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

### Codex

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

### Cursor

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

### GitHub Copilot

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

### Gemini CLI

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

## Когда брать
- составить пошаговую инструкцию для клиентов по коду интерфейса
- отрисовать скриншоты экранов без запуска проекта на сервере
- подготовить статью по решению проблем для базы знаний
- оформить руководство по добавлению коллег в формате Markdown

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

## Похожие
- [Reactive Resume](https://affpapa.org/nevibecode/mcp/reactive-resume.md) — MCP-сервер · ★ 44874
- [Sui Knowledge Base (kapa.ai)](https://affpapa.org/nevibecode/mcp/sui-knowledge-base-kapaai.md) — MCP-сервер · ★ 7784
- [Claude Code Ultimate Guide](https://affpapa.org/nevibecode/mcp/claude-code-ultimate-guide.md) — MCP-сервер · ★ 6237
- [Zotero MCP](https://affpapa.org/nevibecode/mcp/zotero-mcp.md) — MCP-сервер · ★ 5548
- [RevoGrid DataGrid MCP Pro](https://affpapa.org/nevibecode/mcp/revogrid-datagrid-mcp-pro.md) — MCP-сервер · ★ 3450
- [Claude Code Explorer MCP](https://affpapa.org/nevibecode/mcp/codeaashu-claude-code-explorer-mcp.md) — MCP-сервер · ★ 3409

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