Mobbin

официальный

Mobbin — это отраслевой стандарт в области UI и UX дизайн-референсов для мобильных приложений, веб-приложений и сайтов. Платформа обслуживает миллионы разработчиков продуктов и дизайнеров по всему миру, помогая им создавать лучшие цифровые впечатления. Подключите Mobbin к вашему ИИ-агенту, чтобы лучше исследовать и изучать идеи UI и UX дизайна.

Смотреть на mobbin.comПопробовать этот MCPСпонсировано

Что можно делать с Mobbin MCP?

  • Экраны поискового интерфейса — Запрашивайте конкретные паттерны мобильных или веб-экранов, такие как логин, пейволл, пустые состояния или формы, через search_screens.
  • Изучение многошаговых сценариев — Находите упорядоченные пользовательские пути, такие как онбординг, оформление заказа или отмена, с помощью search_flows.
  • Поиск разделов веб-сайта — Локализуйте ссылки на композицию страниц, например, хиро-блоки, таблицы цен или футеры, через search_sections.
  • Сравнение дизайнов продуктов — Запрашивайте примеры бок о бок из конкретных приложений, например, сценарии оформления заказа из Airbnb и Booking.com.
  • Обработка ограничений частоты запросов — При получении HTTP 429 дождитесь продолжительности, указанной в заголовке Retry-After, перед повторной попыткой.

Размещённый MCP-сервер

npx add-mcp 'https://api.mobbin.com/mcp'

Устанавливается в Claude Code, Codex, Cursor и другие

Документация

Mobbin MCP

Mobbin MCP позволяет совместимым AI-ассистентам и агентам кодирования искать реальные экраны, многошаговые сценарии и разделы веб-сайтов из выпущенных цифровых продуктов с помощью естественного языка. Результаты могут включать изображения экранов, названия приложений, контекст сценариев и ссылки на соответствующие страницы Mobbin.

Доступ

  • Конечная точка: https://api.mobbin.com/mcp
  • Транспорт: Streamable HTTP.
  • Авторизация: OAuth через учетную запись Mobbin пользователя.
  • Тарифы: Pro, Team и Enterprise.
  • Лимит запросов: 60 запросов за 60 секунд на пользователя.
  • Интерактивная галерея: поддерживается в клиентах, совместимых с MCP Apps, включая ChatGPT, Claude Desktop и Web, а также Codex App.

При первом подключении MCP-клиент открывает окно браузера, чтобы пользователь мог войти в Mobbin и авторизовать доступ. Для MCP не требуется вручную скопированный API-ключ.

Текущий опубликованный набор MCP-инструментов доступен только для чтения: он извлекает дизайн-референсы и не создает, не изменяет и не удаляет содержимое учетной записи Mobbin.

Инструменты

search_screens

Поиск отдельных экранов мобильного и веб-интерфейса. Используйте его для конкретного состояния или паттерна, такого как экран входа, пейволл, пустое состояние, диалог, форма или навигационное решение.

search_flows

Поиск упорядоченных многошаговых пользовательских сценариев. Используйте его, когда важны последовательность и контекст, например, онбординг, оформление заказа, настройка учетной записи, проверка личности, подписка или отмена.

search_sections

Поиск разделов веб-сайтов. Используйте его для референсов композиции страниц, таких как hero-блоки, секции с ценами, отзывы, навигация и футеры.

Что содержат результаты

В зависимости от поиска и клиента результаты могут включать изображения экранов, названия продуктов, контекст сценариев или разделов, а также ссылки обратно на Mobbin. MCP-клиенты, поддерживающие MCP Apps, могут отображать результаты в виде интерактивной галереи.

Агенты должны сохранять название продукта и URL Mobbin для важных референсов, чтобы пользователи могли просмотреть источник.

Рекомендуемый рабочий процесс

  1. Определите платформу, категорию продукта, цель пользователя и дизайн-вопрос.
  2. Выберите поиск по экранам, сценариям или разделам веб-сайта.
  3. Просмотрите несколько релевантных продуктов, а не полагайтесь на один пример.
  4. Сохраняйте название продукта и URL Mobbin для каждого важного референса.
  5. Отделяйте видимые наблюдения от интерпретаций и рекомендаций.
  6. Адаптируйте находки под бренд пользователя, аудиторию, дизайн-систему, требования доступности и ограничения продукта.

Ограничения доказательств

  • Пример Mobbin показывает, что продукт использовал дизайн; это не доказывает, что дизайн улучшил конверсию или другой показатель.
  • Повторяющийся паттерн — это условность, а не автоматически лучшая практика.
  • Проверяйте метаданные захвата, когда важна актуальность.
  • Не копируйте защищенные дизайны, брендинг, тексты или ресурсы дословно.
  • Оценивайте доступность независимо.

Ошибки и восстановление

  • Сбой авторизации: переподключите Mobbin и завершите процесс входа через OAuth.
  • HTTP 429 Too Many Requests: подождите время, указанное в заголовке Retry-After, перед повторной попыткой.
  • Отсутствующие или слабые результаты: уточните запрос, указав платформу, категорию продукта, цель пользователя, паттерн или сценарий.
  • Слишком узкие результаты: уберите ненужные ограничения или ищите экраны, сценарии и разделы отдельно.
  • Удаление доступа: отзовите подключенный клиент в настройках учетной записи Mobbin.

Примеры запросов

  • Найдите в Mobbin экраны онбординга банковских приложений.
  • Сравните, как Airbnb и Booking.com реализуют сценарии оформления заказа.
  • Найдите мобильные пейволлы, которые понятно объясняют ежеквартальную и годовую оплату.
  • Найдите секции с ценами для SaaS с комплексными таблицами сравнения функций.
  • Покажите экраны запроса разрешения на уведомления и определите повторяющиеся паттерны.
  • Найдите пустые состояния, используемые совместными продуктами для продуктивности.

Настройка и поддержка

Цены и доступ к тарифам: https://mobbin.com/pricing.md

Обзор продукта: https://mobbin.com/index.md

Полный контекст для агентов: https://mobbin.com/llms-full.txt