TestivAI — MCP-сервер для Claude Code: что делает и как установить
TestivAI показывает ИИ-агенту результаты визуальных регрессионных тестов: снимки, diff и причины изменений. Подходит для проверки UI после правок.
claude mcp add mcp -- npx -y @testivai/mcpЧто делает TestivAI
TestivAI подключает к ИИ-агенту результаты визуальных тестов из visual-report/results.json. Сервер выдаёт вердикты по снимкам, объединяет изменения с одинаковыми признаками и даёт открыть HTML-отчёт и изображения diff. Отдельные инструменты показывают DOM-сигналы, вычисленные стили, области изменения, состояние загрузки и окружение захвата.
В состав входят get_visual_results, explain_snapshot, get_report, get_diff, list_baselines, approve_snapshot и approve_all, а также промпты review-visual-changes и triage-visual-diff. Сервер запускается через npx и не требует API-ключа. Подтверждать новый baseline должен человек: автоматическое одобрение может записать регрессию как эталон.
Какие задачи решает
- проверить изменения интерфейса после правки UI
- разобрать diff визуального теста по причинам
- сравнить текущий снимок с baseline
- найти проблемы загрузки шрифта или стилей
- отправить просмотренный снимок в committed baselines
Примеры запросов агенту
- Проведи полный разбор визуальных изменений через
review-visual-changesи покажи, какие снимки требуют проверки. - Запусти
triage-visual-diffдля всех diff и missing baseline, разнеси их по категориям и предложи следующий шаг. - Покажи изображения и объясни снимок, в котором DOM не изменился, но визуальный diff заметен.
Как установить TestivAI
Командой платформы
claude mcp add mcp -- npx -y @testivai/mcpКомандой платформы
codex mcp add mcp -- npx -y @testivai/mcpФайл настроек
{
"mcpServers": {
"mcp": {
"command": "npx",
"args": [
"-y",
"@testivai/mcp"
]
}
}
}Файл настроек
{
"servers": {
"mcp": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@testivai/mcp"
]
}
}
}Командой платформы
gemini mcp add mcp npx -y @testivai/mcpПо шагам, с командами для каждой платформы: Как подключить MCP-сервер: Claude Code, Codex, Cursor, VS Code, Gemini CLI и другие
Вопросы о TestivAI
Как установить TestivAI в Claude Code?
Выполните claude mcp add mcp -- npx -y @testivai/mcp. После этого MCP-сервер будет доступен в проекте.
Что делает TestivAI?
Сервер помогает агенту разбирать результаты визуальной регрессии: показывает вердикт, изображения diff и слои доказательств по DOM, стилям, окружению и состоянию захвата.
Кто подтверждает новый baseline в TestivAI?
Решение принимает человек после просмотра diff. В Claude Code инструменты approve_snapshot и approve_all запрашивают подтверждение при каждом вызове.
