memi — MCP-сервер для Claude Code: аудит фронтенда перед правками
Даёт агенту карту интерфейса в репозитории и находит проблемы доступности и дизайн-системы с привязкой к file:line. Пригодится перед правкой UI и на ревью.
claude mcp add memi -- npx -y @memi-design/cliЧто делает memi
memi читает фронтенд-код проекта и выдаёт отчёт: где нарушена доступность, где компонент собран мимо существующей дизайн-системы. Каждая находка идёт со ссылкой на файл и строку, поэтому агент правит конкретное место, а не догадывается. Локальная диагностика работает на детерминированных правилах: ключ API и вызов модели не нужны.
Сервер отдаёт агенту брифинг по интерфейсу: реальные экспорты, пропсы, токены и истории компонентов. Режим --frontend укладывает это в компактный JSON. Есть флаг --agent-context: он даёт ограниченный индекс файлов вместо выгрузки всего репозитория. Флаг --files сужает список найденных проблем, но дерево всё равно сканируется для общей статистики.
Ставьте стабильную 2.7.9, если нужен предсказуемый результат. Ветка 2.8.0-beta.2 — бета, не стабильный релиз: управляемое security-сканирование и часть проверок там ещё не закрыты, а 2.8-контракт не переносится назад на 2.7.9. Для первого запуска хватит npx.
Какие задачи решает
- найти проблемы доступности в существующем UI с привязкой к строке
- проверить, переиспользует ли новый компонент токены дизайн-системы
- дать агенту компактный брифинг по фронтенду перед правкой
- прогнать повторяемую проверку интерфейса перед мержем
- поймать дубли компонентов, которые уже есть в реестре
Примеры запросов агенту
- Проверь фронтенд перед правкой: сначала пять изменений, которые заметит пользователь, потом переиспользуй существующую систему и подтверди результат после патча.
- Собери брифинг по фронтенду через
agent brief . --frontendи покажи конфликты переиспользования компонентов. - Запусти диагностику и разбери находки с наибольшей уверенностью, ничего не записывая в проект.
Как установить memi
Командой платформы
claude mcp add memi -- npx -y @memi-design/cliКомандой платформы
codex mcp add memi -- npx -y @memi-design/cliФайл настроек
{
"mcpServers": {
"memi": {
"command": "npx",
"args": [
"-y",
"@memi-design/cli"
]
}
}
}Файл настроек
{
"servers": {
"memi": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@memi-design/cli"
]
}
}
}Командой платформы
gemini mcp add memi npx -y @memi-design/cliПо шагам, с командами для каждой платформы: Как подключить MCP-сервер: Claude Code, Codex, Cursor, VS Code, Gemini CLI и другие
Вопросы о memi
Как установить memi в Claude Code?
Одной командой: claude mcp add memi -- npx -y @memi-design/cli.
Что делает memi?
Сканирует фронтенд-репозиторий, находит риски доступности и отклонения от дизайн-системы и отдаёт находки с привязкой к файлу и строке. Плюс собирает брифинг по интерфейсу, на который опирается агент при правках.
Нужен ли ключ API или аккаунт?
Для локальной диагностики нет: правила детерминированные, модель не вызывается. Сеть нужна только чтобы поставить пакет из npm.
