# Mobbin MCP Server

> Conecta agentes de IA a la librería de Mobbin con más de 600.000 capturas reales de apps para diseñar interfaces basadas en patrones probados.

Fuente: https://skillsagentes.com/mcp/mobbin
Markdown: https://skillsagentes.com/mcp/mobbin.md

Documentación: https://mobbin.com/mcp
Web: https://mobbin.com
Autor: mobbin.com
Licencia: no declarada
Documentación consultada: 29 ago 2026
Transporte: http
Publicado por el proveedor del producto.

## Qué es

Mobbin es una librería con cientos de miles de capturas de pantalla reales de aplicaciones ya lanzadas, usada por diseñadores para inspirarse en patrones de UI que funcionan. Este servidor MCP le da acceso a ese mismo catálogo a los agentes de IA, para que al diseñar o generar código de interfaz no partan de cero ni inventen patrones, sino que puedan buscar y referenciar pantallas reales de apps de finanzas, salud, e-commerce y muchas otras categorías.

Con Mobbin MCP conectado, un agente puede pedir cosas como ejemplos de pantallas de 404 con personalidad, patrones de pull-to-refresh en apps sociales, bottom sheets de apps iOS top, o comparar cómo Airbnb y Booking.com resuelven el checkout. También sirve para extraer convenciones repetidas en un flujo concreto, como los pasos de verificación KYC en apps bancarias, y aplicarlas al diseño de tu propio producto.

Requiere un plan de pago de Mobbin (Pro o Team); no hace falta API key. La configuración consiste en registrar el servidor con transporte HTTP apuntando a la URL de Mobbin y luego autorizar el acceso iniciando sesión con tu cuenta desde el navegador que se abre automáticamente.

## Instalación

```bash
claude mcp add mobbin --scope user --transport http https://api.mobbin.com/mcp
```

## Qué hace

- Da acceso a agentes de IA a más de 600.000 capturas de pantalla reales de apps ya lanzadas
- Permite buscar patrones de UI por categoría (finanzas, salud, e-commerce, etc.)
- Permite comparar cómo distintas apps resuelven el mismo flujo, por ejemplo checkout o KYC
- Ayuda a extraer convenciones de diseño repetidas en flujos concretos para aplicarlas al propio producto

## Cuándo usarlo

- Cuando estás diseñando una pantalla o flujo desde cero y quieres partir de patrones ya probados en apps reales
- Cuando dudas entre varias opciones de micro-diseño y quieres ver cómo lo resolvieron apps que ya lo tienen resuelto
- Cuando tu UI se siente anticuada y quieres referenciar lo que están haciendo apps top en la actualidad

## Dónde encaja

- Categoría: [Diseño y UI](https://skillsagentes.com/mcp/categorias/diseno-ui.md) — Sistemas de diseño, trabajo con componentes y acabado visual.
- [Todos los servidores MCP](https://skillsagentes.com/mcp.md)
- [Agent Skills](https://skillsagentes.com/skills.md)

## Servidores relacionados

- [Penpot](https://skillsagentes.com/mcp/penpot.md): Conecta agentes de IA con Penpot, la plataforma de diseño open source, para que puedan leer y trabajar sobre archivos de diseño reales.
- [Blender Model Context Protocol](https://skillsagentes.com/mcp/blender-model-context-protocol.md): Conecta un LLM como Claude con Blender para crear, modificar e inspeccionar escenas 3D mediante un servidor de sockets y ejecución de código Python.
- [Figma Context](https://skillsagentes.com/mcp/figma-context.md): Conecta agentes de código como Cursor con archivos de Figma para que implementen diseños UI a partir de datos reales de layout, no capturas de pantalla.
- [Cursor Talk to Figma](https://skillsagentes.com/mcp/cursor-talk-to-figma.md): Conecta agentes de IA como Cursor con Figma vía WebSocket para leer y modificar diseños, textos, componentes y prototipos de forma programática.
- [Magic](https://skillsagentes.com/mcp/magic.md): Conecta tu editor (Cursor, Claude Code, Windsurf, VS Code) al 21st MCP para buscar componentes React/Tailwind y generar UI con IA desde el propio editor.

---

Skills Agentes · [Índice de páginas en markdown](https://skillsagentes.com/sitemap.md) · [Inicio](https://skillsagentes.com/index.md)