Mobbin

oficial

Mobbin es el estándar de la industria en referencias de diseño de UI y UX para aplicaciones móviles, aplicaciones web y sitios web. La plataforma sirve a millones de creadores de productos y diseñadores en todo el mundo para ayudarles a diseñar mejores experiencias digitales. Conecta Mobbin con tu agente de IA para investigar y explorar mejor las ideas de diseño de UI y UX.

¿Qué puedes hacer con Mobbin MCP?

  • Pantallas de UI de búsqueda — Solicita patrones específicos de pantallas móviles o web como inicio de sesión, muros de pago, estados vacíos o formularios mediante search_screens.
  • Explora flujos de varios pasos — Encuentra recorridos de usuario ordenados como incorporación, pago o cancelación usando search_flows.
  • Encuentra secciones de sitios web — Localiza referencias de composición de páginas como héroes, tablas de precios o pies de página con search_sections.
  • Compara diseños de productos — Solicita ejemplos lado a lado de aplicaciones específicas, como flujos de pago de Airbnb y Booking.com.
  • Maneja límites de tasa — Al recibir HTTP 429, espera la duración especificada en el encabezado Retry-After antes de reintentar.

Servidor MCP alojado

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

Se instala en Claude Code, Codex, Cursor y más

Documentación

Mobbin MCP

Mobbin MCP permite que asistentes de IA compatibles y agentes de codificación busquen pantallas reales, flujos de varios pasos y secciones de sitios web de productos digitales publicados usando lenguaje natural. Los resultados pueden incluir imágenes de pantallas, nombres de aplicaciones, contexto de flujos y enlaces a las páginas correspondientes de Mobbin.

Acceso

  • Endpoint: https://api.mobbin.com/mcp
  • Transporte: HTTP transmisible.
  • Autorización: OAuth a través de la cuenta Mobbin del usuario.
  • Planes: Pro, Team y Enterprise.
  • Límite de velocidad: 60 solicitudes por 60 segundos por usuario.
  • Galería interactiva: Compatible con clientes compatibles con MCP Apps, incluidos ChatGPT, Claude Desktop y Web, y Codex App.

En la primera conexión, el cliente MCP abre una ventana del navegador para que el usuario inicie sesión en Mobbin y autorice el acceso. No se requiere una clave API copiada manualmente para MCP.

El conjunto de herramientas MCP actualmente publicado es de solo lectura: recupera referencias de diseño y no crea, modifica ni elimina contenido de la cuenta Mobbin.

Herramientas

search_screens

Busca pantallas individuales de UI móviles y web. Úsalo para un estado o patrón específico, como una pantalla de inicio de sesión, muro de pago, estado vacío, diálogo, formulario o tratamiento de navegación.

search_flows

Busca flujos de usuario ordenados y de varios pasos. Úsalo cuando la secuencia y el contexto importen, como incorporación, pago, configuración de cuenta, verificación de identidad, suscripción o cancelación.

search_sections

Busca secciones de sitios web. Úsalo para referencias de composición de página, como héroes, secciones de precios, testimonios, navegación y pies de página.

Qué contienen los resultados

Según la búsqueda y el cliente, los resultados pueden incluir imágenes de pantallas, nombres de productos, contexto de flujos o secciones, y enlaces de regreso a Mobbin. Los clientes MCP que admiten MCP Apps pueden mostrar los resultados como una galería interactiva.

Los agentes deben conservar el nombre del producto y la URL de Mobbin para referencias importantes, de modo que los usuarios puedan inspeccionar la fuente.

Flujo de trabajo recomendado

  1. Identifica la plataforma, la categoría de producto, el objetivo del usuario y la pregunta de diseño.
  2. Elige la búsqueda de pantalla, flujo o sección de sitio web.
  3. Revisa varios productos relevantes en lugar de depender de un solo ejemplo.
  4. Conserva el nombre del producto y la URL de Mobbin para cada referencia importante.
  5. Separa las observaciones visibles de la interpretación y las recomendaciones.
  6. Adapta los hallazgos a la marca, audiencia, sistema de diseño, necesidades de accesibilidad y restricciones del producto del usuario.

Limitaciones de la evidencia

  • Un ejemplo de Mobbin muestra que un producto usó un diseño; no prueba que el diseño mejoró la conversión u otra métrica.
  • Un patrón recurrente es una convención, no automáticamente una mejor práctica.
  • Verifica los metadatos de captura cuando la actualidad sea importante.
  • No copies diseños, marcas, textos o activos protegidos textualmente.
  • Evalúa la accesibilidad de forma independiente.

Errores y recuperación

  • Fallo de autorización: vuelve a conectar Mobbin y completa el flujo de inicio de sesión de OAuth.
  • HTTP 429 Too Many Requests: espera la duración en el encabezado Retry-After antes de reintentar.
  • Resultados faltantes o débiles: haz la solicitud más específica nombrando la plataforma, categoría de producto, objetivo del usuario, patrón o flujo.
  • Resultados demasiado limitados: elimina restricciones innecesarias o busca pantallas, flujos y secciones por separado.
  • Eliminar acceso: revoca el cliente conectado desde la configuración de la cuenta Mobbin.

Ejemplos de indicaciones

  • Busca en Mobbin pantallas de incorporación de aplicaciones bancarias.
  • Compara cómo Airbnb y Booking.com manejan los flujos de pago.
  • Encuentra muros de pago móviles que expliquen claramente la facturación trimestral y anual.
  • Encuentra secciones de precios de SaaS con tablas complejas de comparación de funciones.
  • Muestra pantallas de aviso de permisos de notificaciones e identifica patrones recurrentes.
  • Encuentra estados vacíos utilizados por productos de productividad colaborativa.

Configuración y soporte

Precios y acceso a planes: https://mobbin.com/pricing.md

Descripción general del producto: https://mobbin.com/index.md

Contexto completo del agente: https://mobbin.com/llms-full.txt