Mobbin — MCP-сервер для Claude Code: что делает и как установить
Ищет примеры интерфейсов реальных мобильных и веб-приложений через каталог Mobbin. Пригодится при проработке экранов и пользовательских сценариев.
claude mcp add --transport http mobbin https://api.mobbin.com/mcpЧто делает Mobbin
Сервер связывает ИИ-клиент с каталогом Mobbin, позволяя запрашивать экраны и интерфейсные решения веб- и мобильных сервисов прямо в окне чата. Разворачивать код на своём компьютере или генерировать API-ключ не нужно: сервис работает удалённо по адресу https://api.mobbin.com/mcp.
Связь настраивается через транспорт Streamable HTTP. При первом запросе клиент откроет окно браузера, чтобы пройти авторизацию через OAuth в аккаунте Mobbin. В клиентах вроде Cline нужно явно указать тип транспорта streamableHttp рядом с адресом, иначе подключение попытается использовать устаревший SSE и упадёт с ошибкой.
Какие задачи решает
- найти референсы экранов онбординга для мобильного приложения
- посмотреть примеры оформления профиля в реальных веб-сервисах
- изучить паттерны UX для корзины интернет-магазина
- получить дизайн-примеры интерфейсов без ручного поиска на сайте
Примеры запросов агенту
- Найди в Mobbin примеры экранов оформления подписки в iOS-приложениях
- Покажи варианты интерфейса настроек профиля из веб-сервисов через Mobbin
- Найди референсы UX для шагов оформления заказа в мобильных приложениях
Как установить Mobbin
Командой платформы: удалённый сервер
claude mcp add --transport http mobbin https://api.mobbin.com/mcpКомандой платформы: удалённый сервер
codex mcp add mobbin --url https://api.mobbin.com/mcpФайл настроек
{
"mcpServers": {
"mobbin": {
"url": "https://api.mobbin.com/mcp"
}
}
}Файл настроек
{
"servers": {
"mobbin": {
"type": "http",
"url": "https://api.mobbin.com/mcp"
}
}
}Командой платформы: удалённый сервер
gemini mcp add -t http mobbin https://api.mobbin.com/mcpПо шагам, с командами для каждой платформы: Как подключить MCP-сервер: Claude Code, Codex, Cursor, VS Code, Gemini CLI и другие
Вопросы о Mobbin
Как установить Mobbin в Claude Code?
Выполните команду claude mcp add --transport http mobbin https://api.mobbin.com/mcp. При первом обращении откроется браузер для входа в аккаунт через OAuth.
Что делает MCP-сервер Mobbin?
Сервер подключает поиск по каталогу Mobbin с реальными экранами и паттернами интерфейсов мобильных и веб-приложений.
Нужен ли API-ключ для работы с сервером?
Отдельный ключ не требуется: сервер работает удалённо и авторизуется через браузер по протоколу OAuth.
