Raven — MCP-сервер для Claude Code: что делает и как установить
Дизайн-аудит интерфейсов и база UX-знаний для кодинг-агентов: проверяет доступность, токены отступов и типографику.
claude mcp add --transport http raven-mcp https://mcp.ravenmcp.ai/api/mcpЧто делает Raven
Сервер подключает к агенту базу знаний по дизайну и правилам UX. Ассистент проверяет интерфейс по критериям доступности WCAG, эвристикам Нильсена и законам UX. Инструменты вроде audit_page и score_page находят ошибки в контрастности или кликабельных зонах и сверяют вёрстку с токенами Linear или Stripe.
Инструмент evaluate_design сравнивает снимки интерфейса до и после правок по пикселям через скриншоты PNG. При работе с генерацией медиа переменная окружения RAVEN_CREATIVE_RUNNER перенаправляет рендеринг на ваш собственный сервис.
Вариант запуска определяет доступные возможности. Локальный запуск через stdio открывает все 111 инструментов, включая движок Taste и утилиту Grab. Публичный HTTP-эндпоинт содержит около 45 инструментов без Grab. Если подключить локальную и облачную версии одновременно, списки инструментов продублируются.
Какие задачи решает
- проверить вёрстку страницы на соответствие критериям доступности WCAG
- сравнить снимки интерфейса до и после правок кода через пиксельный diff
- получить дизайн-токены стилей Linear или Stripe
- оценить отступы и типографику страницы по шкале от 0 до 10
Примеры запросов агенту
- Проверь доступность и контраст разметки текущей страницы через
audit_page - Сравни скриншоты модального окна до и после изменений с помощью
evaluate_design - Получи дизайн-токены Stripe для настройки отступов и кнопок
Как установить Raven
1Командой платформы: удалённый сервер
claude mcp add --transport http raven-mcp https://mcp.ravenmcp.ai/api/mcp2Командой платформы
claude mcp add raven -- npx -y raven-mcp1Командой платформы: удалённый сервер
codex mcp add raven --url https://mcp.ravenmcp.ai/api/mcp2Командой платформы
codex mcp add raven -- npx -y raven-mcpФайл настроек
{
"mcpServers": {
"raven": {
"url": "https://mcp.ravenmcp.ai/api/mcp"
}
}
}{
"mcpServers": {
"raven": {
"command": "npx",
"args": [
"-y",
"raven-mcp"
]
}
}
}Файл настроек
{
"servers": {
"raven": {
"type": "http",
"url": "https://mcp.ravenmcp.ai/api/mcp"
}
}
}{
"servers": {
"raven": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"raven-mcp"
]
}
}
}1Командой платформы: удалённый сервер
gemini mcp add -t http raven https://mcp.ravenmcp.ai/api/mcp2Командой платформы
gemini mcp add raven npx -y raven-mcpПо шагам, с командами для каждой платформы: Как подключить MCP-сервер: Claude Code, Codex, Cursor, VS Code, Gemini CLI и другие
Вопросы о Raven
Как установить Raven в Claude Code?
Выполните команду claude mcp add raven -- npx -y raven-mcp для запуска локальной версии. Либо подключите удалённый сервис командой claude mcp add --transport http raven https://mcp.ravenmcp.ai/api/mcp.
Что делает MCP-сервер Raven?
Он даёт агенту базу знаний по дизайну, законам UX и готовым токенам. Агент использует эти данные для проверки вёрстки, аудита доступности и поиска визуальных регрессий.
Чем локальный запуск отличается от облачного адреса?
Локальный запуск через npx предоставляет 111 инструментов вместе с Grab и Taste Engine. Публичный веб-адрес отдаёт только около 45 инструментов без доступа к этим модулям.
