Mobbin

offiziell

Mobbin ist der Branchenstandard für UI- und UX-Design-Referenzen für mobile Apps, Web-Apps und Websites. Die Plattform unterstützt Millionen von Produktentwicklern und Designern weltweit dabei, bessere digitale Erlebnisse zu gestalten. Verbinden Sie Mobbin mit Ihrem KI-Agenten, um UI- und UX-Designideen besser zu recherchieren und zu erkunden.

Auf mobbin.com ansehenDieses MCP ausprobierenGesponsert

Was kann man mit Mobbin MCP machen?

  • Such-UI-Bildschirme — Fragen Sie nach spezifischen Mustern für mobile oder Web-Bildschirme wie Login, Paywall, leere Zustände oder Formulare über search_screens.
  • Mehrstufige Abläufe erkunden — Finden Sie geordnete User Journeys wie Onboarding, Checkout oder Kündigung mit search_flows.
  • Website-Bereiche finden — Lokalisieren Sie Referenzen zur Seitenkomposition wie Hero-Bereiche, Preistabellen oder Fußzeilen mit search_sections.
  • Produktdesigns vergleichen — Fordern Sie Side-by-side-Beispiele aus bestimmten Apps an, etwa Checkout-Abläufe von Airbnb und Booking.com.
  • Rate-Limits handhaben — Wenn HTTP 429 auftritt, warten Sie die im Retry-After-Header angegebene Dauer ab, bevor Sie es erneut versuchen.

Gehosteter MCP-Server

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

Installiert in Claude Code, Codex, Cursor und mehr

Dokumentation

Mobbin MCP

Mobbin MCP ermöglicht kompatiblen KI-Assistenten und Coding-Agenten die Suche nach echten Screens, mehrstufigen Abläufen und Website-Abschnitten aus veröffentlichten digitalen Produkten in natürlicher Sprache. Die Ergebnisse können Bildschirmbilder, App-Namen, Ablaufkontext und Links zu den entsprechenden Mobbin-Seiten enthalten.

Zugriff

  • Endpunkt: https://api.mobbin.com/mcp
  • Transport: Streamable HTTP.
  • Autorisierung: OAuth über das Mobbin-Konto des Benutzers.
  • Tarife: Pro, Team und Enterprise.
  • Ratenlimit: 60 Anfragen pro 60 Sekunden pro Benutzer.
  • Interaktive Galerie: Unterstützt in MCP-Apps-kompatiblen Clients, einschließlich ChatGPT, Claude Desktop und Web sowie Codex App.

Bei der ersten Verbindung öffnet der MCP-Client ein Browserfenster, damit sich der Benutzer bei Mobbin anmelden und den Zugriff autorisieren kann. Für MCP ist kein manuell kopierter API-Schlüssel erforderlich.

Der aktuell veröffentlichte MCP-Toolsatz ist schreibgeschützt: Er ruft Designreferenzen ab und erstellt, ändert oder löscht keine Inhalte des Mobbin-Kontos.

Tools

search_screens

Suche nach einzelnen mobilen und Web-UI-Screens. Verwenden Sie dies für einen bestimmten Zustand oder ein bestimmtes Muster wie einen Anmeldebildschirm, eine Paywall, einen Leerzustand, einen Dialog, ein Formular oder eine Navigationsgestaltung.

search_flows

Suche nach geordneten, mehrstufigen Benutzerabläufen. Verwenden Sie dies, wenn Reihenfolge und Kontext wichtig sind, z. B. bei Onboarding, Checkout, Kontoeinrichtung, Identitätsprüfung, Abonnement oder Kündigung.

search_sections

Suche nach Website-Abschnitten. Verwenden Sie dies für Seitenkompositions-Referenzen wie Hero-Bereiche, Preissektionen, Testimonials, Navigation und Fußzeilen.

Was die Ergebnisse enthalten

Je nach Suche und Client können die Ergebnisse Bildschirmbilder, Produktnamen, Ablauf- oder Abschnittskontext sowie Links zurück zu Mobbin enthalten. MCP-Clients, die MCP-Apps unterstützen, können Ergebnisse als interaktive Galerie darstellen.

Agenten sollten den Produktnamen und die Mobbin-URL für wichtige Referenzen beibehalten, damit Benutzer die Quelle einsehen können.

Empfohlener Arbeitsablauf

  1. Identifizieren Sie Plattform, Produktkategorie, Benutzerziel und Designfrage.
  2. Wählen Sie die Suche nach Screen, Ablauf oder Website-Abschnitt.
  3. Prüfen Sie mehrere relevante Produkte, statt sich auf ein einzelnes Beispiel zu verlassen.
  4. Behalten Sie den Produktnamen und die Mobbin-URL für jede wichtige Referenz bei.
  5. Trennen Sie sichtbare Beobachtungen von Interpretation und Empfehlungen.
  6. Passen Sie die Erkenntnisse an Marke, Zielgruppe, Designsystem, Barrierefreiheitsanforderungen und Produktbeschränkungen des Benutzers an.

Grenzen der Belege

  • Ein Mobbin-Beispiel zeigt, dass ein Produkt ein Design verwendet hat; es beweist nicht, dass das Design die Conversion oder eine andere Kennzahl verbessert hat.
  • Ein wiederkehrendes Muster ist eine Konvention, nicht automatisch eine Best Practice.
  • Prüfen Sie die Erfassungsmetadaten, wenn Aktualität wichtig ist.
  • Kopieren Sie geschützte Designs, Markenelemente, Texte oder Assets nicht wörtlich.
  • Bewerten Sie die Barrierefreiheit unabhängig.

Fehler und Behebung

  • Autorisierungsfehler: Mobbin erneut verbinden und den OAuth-Anmeldevorgang abschließen.
  • HTTP 429 Too Many Requests: Warten Sie die Dauer im Retry-After-Header ab, bevor Sie es erneut versuchen.
  • Fehlende oder schwache Ergebnisse: Machen Sie die Anfrage spezifischer, indem Sie Plattform, Produktkategorie, Benutzerziel, Muster oder Ablauf benennen.
  • Zu enge Ergebnisse: Entfernen Sie unnötige Einschränkungen oder suchen Sie Screens, Abläufe und Abschnitte separat.
  • Zugriff entfernen: Widerrufen Sie den verbundenen Client in den Mobbin-Kontoeinstellungen.

Beispielaufforderungen

  • Suche bei Mobbin nach Onboarding-Screens von Banking-Apps.
  • Vergleiche, wie Airbnb und Booking.com Checkout-Abläufe handhaben.
  • Finde mobile Paywalls, die vierteljährliche und jährliche Abrechnung klar erklären.
  • Finde SaaS-Preissektionen mit komplexen Feature-Vergleichstabellen.
  • Zeige Priming-Screens für Benachrichtigungsberechtigungen und identifiziere wiederkehrende Muster.
  • Finde Leerzustände, die von kollaborativen Produktivitätsprodukten verwendet werden.

Einrichtung und Support

Preise und Tarifzugriff: https://mobbin.com/pricing.md

Produktübersicht: https://mobbin.com/index.md

Vollständiger Agentenkontext: https://mobbin.com/llms-full.txt