Visual Memory MCP — MCP-сервер для Claude Code: функции и установка
Сервер сохраняет визуальные состояния интерфейса и помогает агенту находить элементы и сравнивать экраны. Пригодится для проверки UI и разбора записей тестов.
claude mcp add vision-memory-mcp -- npx -y @putervision/vision-memory-mcpЧто делает Visual Memory MCP
Visual Memory MCP хранит снимки интерфейса локально и ищет похожие состояния с помощью перцептивных хешей и локальных CLIP-векторов. Агент может искать состояния по тексту или изображению, сопоставлять элементы с CSS-селекторами и координатами, а также строить переходы между экранами.
Сервер принимает записи WebM и MP4, извлекает ключевые кадры и связывает их с переходами. Ещё можно задать скриншот или макет как визуальную базу для проверки регрессий и сохранять снимки состояния. Для запуска нужен Node.js версии 18.18.0 или новее; сервер можно запустить без загрузки CLIP-модели, но семантический поиск зависит от неё.
Какие задачи решает
- найти похожий экран по снимку или описанию
- сопоставить элемент интерфейса с CSS-селектором и координатами
- проследить переходы между кадрами записи WebM или MP4
- сравнить интерфейс с заданным макетом
- сохранить и восстановить визуальный снимок проекта
Примеры запросов агенту
- Найди сохранённое состояние, похожее на этот скриншот, через
recall_memory. - Сопоставь кнопку на экране с селектором и координатами через
predict_next_action. - Разбери запись
./playwright-test.webmи найди переходы между экранами.
Как установить Visual Memory MCP
Командой платформы
claude mcp add vision-memory-mcp -- npx -y @putervision/vision-memory-mcpКомандой платформы
codex mcp add visual-memory-mcp -- npx -y @putervision/vision-memory-mcpФайл настроек
{
"mcpServers": {
"visual-memory-mcp": {
"command": "npx",
"args": [
"-y",
"@putervision/vision-memory-mcp"
]
}
}
}Файл настроек
{
"servers": {
"visual-memory-mcp": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@putervision/vision-memory-mcp"
]
}
}
}Командой платформы
gemini mcp add visual-memory-mcp npx -y @putervision/vision-memory-mcpПо шагам, с командами для каждой платформы: Как подключить MCP-сервер: Claude Code, Codex, Cursor, VS Code, Gemini CLI и другие
Вопросы о Visual Memory MCP
Как установить Visual Memory MCP в Claude Code?
Выполните claude mcp add vision-memory-mcp -- npx -y @putervision/vision-memory-mcp. Для запуска требуется Node.js версии 18.18.0 или новее.
Что делает Visual Memory MCP?
Он сохраняет визуальные состояния проекта локально, ищет похожие экраны и помогает агенту ориентироваться по элементам интерфейса. Также сервер обрабатывает видеозаписи и сравнивает экраны с визуальной спецификацией.
Нужна ли CLIP-модель для работы Visual Memory MCP?
Сервер умеет запускаться с --skip-model-load, пропуская загрузку CLIP-модели. Семантический поиск использует локальные CLIP-векторы, поэтому без модели эта функция не работает.
