WTFM — MCP-сервер для Claude Code: что делает и как установить
Генерирует пользовательскую документацию прямо по кодовой базе и рендерит скриншоты интерфейса без запуска самого приложения.
claude mcp add wtfm -- npx -y @supportpages.io/wtfmЧто делает WTFM
Инструмент исследует репозиторий, извлекая маршруты, названия кнопок и сценарии взаимодействия. Затем агент оформляет пошаговое руководство для конечных пользователей. Это не справочник API, а инструкции для людей, которые никогда не будут читать код. Результат сохраняется в виде файла index.md с набором картинок в формате PNG.
Снимки экранов создаются локально через headless Chromium на базе шаблонов и стилей самого проекта. Запускать веб-сервер или накликивать интерфейс вручную не придётся. Перед сохранением готовый материал проверяется на ошибки в структуре, текстах и вёрстке иллюстраций.
Для отрисовки графики требуется headless Chromium, который утилита загружает при первой настройке. В среде Windows проект работает только через WSL, а нативно поддерживаются исключительно macOS и Linux.
Какие задачи решает
- составить пошаговую инструкцию для клиентов по коду интерфейса
- отрисовать скриншоты экранов без запуска проекта на сервере
- подготовить статью по решению проблем для базы знаний
- оформить руководство по добавлению коллег в формате Markdown
Примеры запросов агенту
- Напиши иллюстрированное руководство по приглашению участника в команду.
- Составь инструкцию по устранению ошибки, если ссылка для входа устарела.
- Покажи список всех имеющихся справочных статей в проекте.
Как установить WTFM
Командой платформы
claude mcp add wtfm -- npx -y @supportpages.io/wtfmКомандой платформы
codex mcp add wtfm -- npx -y @supportpages.io/wtfmФайл настроек
{
"mcpServers": {
"wtfm": {
"command": "npx",
"args": [
"-y",
"@supportpages.io/wtfm"
]
}
}
}Файл настроек
{
"servers": {
"wtfm": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@supportpages.io/wtfm"
]
}
}
}Командой платформы
gemini mcp add wtfm npx -y @supportpages.io/wtfmПо шагам, с командами для каждой платформы: Как подключить MCP-сервер: Claude Code, Codex, Cursor, VS Code, Gemini CLI и другие
Вопросы о WTFM
Как установить WTFM в Claude Code?
Выполните команду claude mcp add wtfm -- npx -y @supportpages.io/wtfm. Для подготовки проекта настройте окружение командами wtfm setup и wtfm init.
Что делает WTFM?
Сервер помогает агенту писать справку для клиентов продукта, а не техническую документацию к коду. Все маршруты и подписи элементов берутся напрямую из репозитория.
Нужно ли запускать приложение для создания скриншотов?
Запуск приложения не требуется. Снимки интерфейса генерируются локально через Chromium по шаблонам и стилям вашего репозитория.
