Mobbin MCP подключает к любому кодинг-агенту (Claude, Cursor, Codex и другие) библиотеку из 600 000+ экранов реальных приложений. Агент не срисовывает с картинки — он пересобирает компоненты прямо в твоем проекте, прям как в реальных продуктах.
Вступление
Оказывается, на просторах мирового интернета есть сервис, в котором лежат полноценные интерфейсы приложений, которыми ты, возможно, пользуешься каждый день. Не концепты с Dribbble ради лайков, а живые продукты: Uber, Spotify, Stripe, Notion, Airbnb. Это Mobbin — больше 600 тысяч экранов и 140 тысяч пользовательских флоу, все собрано кураторами, размечено и разложено по полочкам. Три категории: iOS-приложения, веб-приложения и сайты. И сейчас подробнее о нем расскажу.
Фишка в том, насколько глубоко все нарезано. И это не скриншоты, а каталоги разобранные до атомов: цельные экраны (логины, чекауты, дашборды, пейволы и тд), паттерны и отдельные UI-элементы. Нужны таббары — 3 585 разных из реальных приложений. Боттом-шиты — 13 690 штук. Тосты, степперы, скелетоны — все открывается в один клик.
У сайтов своя разметка: категории, секции (Hero, Pricing, 404, Social Proof) и стили — от Minimal до Motion. Листаешь каталог как витрину и собираешь референсы под свой проект, свежие релизы помечены бейджами New и Updated.
Теперь главное: MCP
Раньше это была база для вдохновения: сидишь, скриншотишь, скармливаешь агенту руками. Теперь у Mobbin есть официальный MCP-сервер, и агент ходит в библиотеку сам. Подключается к любому кодинг-агенту: Claude Code, Cursor, Codex — что угодно с поддержкой remote MCP.
Схема простая. Просишь агента: «найди через Mobbin лучшие экраны профиля и собери отчет — какие паттерны используют топ-продукты и что из этого подходит нашему преокту». Агент приносит разбор со ссылками на конкретные экраны и предлагает план. Правишь план — подтверждаешь команду реализации.
И вот ключевой момент, почему это не очередная галерея референсов. Агент не вставляет в проект картинку — он пересобирает референс кодом: верстка, состояния, зависимости, и все это в твоей дизайн-системе. По сути берешь оболочку продукта, в дизайн которого вложены миллионы долларов, засовываешь внутрь свою бизнес-логику и айдентику — и получаешь тот же уровень, только свой.
Работает и с существующим кодом: скормил свой серый дашборд с промптом «переделай по паттернам лучших финансовых продуктов из Mobbin» — агент пересобрал его по логике Mercury, Wise и Quicken и приложил ссылки, откуда взят каждый паттерн.
О деньгах — важный дисклеймер
Бесплатно MCP не работает. Вообще. Вкладка MCP в настройках есть у всех, но без подписки там одна кнопка — Get Pro. Да и сама библиотека на бесплатном тарифе порезана: четыре последних приложения и сайта, остальное под замком.
Pro стоит примерно 8-10 долларов в месяц при оплате за год (помесячно выходит дороже). Но честно: оно того стоит. Один нормально собранный экран экономит часы, а тут агент собирает их пачками — по уже готовым референсам в стиле лучших мировых практик.
Подключение за две минуты
Профиль в Mobbin, Settings, вкладка MCP. Там плитки под каждый клиент: Claude Code, Cursor, Codex и Other для всего остального, включая некодинговые клиенты вроде Claude Desktop. Сервер удаленный — https://api.mobbin.com/mcp, авторизация через браузер, никаких API-ключей.
Что в итоге
Юзер-ресерч Mobbin не заменит — интервью и тесты по-прежнему на тебе. Но этап «найди референсы и разбери паттерны», который съедал часы, он закрывает одним промптом. И схема «сначала отчет с референсами, потом генерация» работает не только для UI — так же собираются слайды, лендинги и вообще что угодно.
Источник: https://mobbin.com/