Mobbin

resmi

Mobbin, mobil uygulamalar, web uygulamaları ve web siteleri için UI ve UX tasarım referanslarında sektör standardıdır. Platform, dünya genelinde milyonlarca ürün geliştiriciye ve tasarımcıya daha iyi dijital deneyimler tasarlamalarına yardımcı olur. Mobbin'i AI ajanınıza bağlayarak UI ve UX tasarım fikirlerini daha iyi araştırın ve keşfedin.

mobbin.com üzerinde görüntüleBu MCP'yi deneyinSponsorlu

Mobbin MCP ile neler yapabilirsiniz?

  • Arama ekranları — search_screens ile giriş, ödeme duvarı, boş durumlar veya formlar gibi belirli mobil veya web ekran desenlerini isteyin.
  • Çok adımlı akışları keşfedin — search_flows ile onboarding, ödeme veya iptal gibi sıralı kullanıcı yolculuklarını bulun.
  • Web sitesi bölümlerini bulun — search_sections ile kahraman bölümleri, fiyatlandırma tabloları veya alt bilgiler gibi sayfa kompozisyonu referanslarını konumlandırın.
  • Ürün tasarımlarını karşılaştırın — Airbnb ve Booking.com’daki ödeme akışları gibi belirli uygulamalardan yan yana örnekler isteyin.
  • Hız sınırlarını yönetin — HTTP 429 hatasıyla karşılaştığınızda, yeniden denemeden önce Retry-After başlığında belirtilen süreyi bekleyin.

Barındırılan MCP Sunucusu

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

Claude Code, Codex, Cursor ve daha fazlasına kurulur

Dokümantasyon

Mobbin MCP

Mobbin MCP, uyumlu yapay zeka asistanlarının ve kodlama ajanlarının, yayınlanmış dijital ürünlerden gerçek ekranları, çok adımlı akışları ve web sitesi bölümlerini doğal dil kullanarak aramasını sağlar. Sonuçlar; ekran görüntüleri, uygulama adları, akış bağlamı ve ilgili Mobbin sayfalarına bağlantılar içerebilir.

Erişim

  • Uç Nokta: https://api.mobbin.com/mcp
  • Taşıma: Streamable HTTP.
  • Yetkilendirme: Kullanıcının Mobbin hesabı üzerinden OAuth.
  • Planlar: Pro, Team ve Enterprise.
  • Hız sınırı: Kullanıcı başına 60 saniyede 60 istek.
  • Etkileşimli galeri: ChatGPT, Claude Desktop ve Web ile Codex App dahil MCP Apps uyumlu istemcilerde desteklenir.

İlk bağlantıda MCP istemcisi, kullanıcının Mobbin'e giriş yapıp erişimi yetkilendirebilmesi için bir tarayıcı penceresi açar. MCP için manuel olarak kopyalanmış bir API anahtarı gerekmez.

Şu anda yayınlanan MCP araç seti salt okunurdur: tasarım referanslarını alır ve Mobbin hesap içeriğini oluşturmaz, değiştirmez veya silmez.

Araçlar

search_screens

Bireysel mobil ve web arayüz ekranlarını arayın. Giriş ekranı, ödeme duvarı, boş durum, iletişim kutusu, form veya gezinme düzeni gibi belirli bir durum veya desen için kullanın.

search_flows

Sıralı, çok adımlı kullanıcı akışlarını arayın. Sıralama ve bağlamın önemli olduğu durumlarda kullanın; örneğin kayıt, ödeme, hesap kurulumu, kimlik doğrulama, abonelik veya iptal.

search_sections

Web sitesi bölümlerini arayın. Kahraman bölümleri, fiyatlandırma bölümleri, referanslar, gezinme ve alt bilgiler gibi sayfa kompozisyonu referansları için kullanın.

Sonuçların içeriği

Aramaya ve istemciye bağlı olarak sonuçlar; ekran görüntüleri, ürün adları, akış veya bölüm bağlamı ve Mobbin'e geri bağlantılar içerebilir. MCP Apps'i destekleyen MCP istemcileri sonuçları etkileşimli bir galeri olarak görüntüleyebilir.

Ajanlar, kullanıcıların kaynağı inceleyebilmesi için önemli referanslarda ürün adını ve Mobbin URL'sini korumalıdır.

Önerilen iş akışı

  1. Platformu, ürün kategorisini, kullanıcı hedefini ve tasarım sorusunu belirleyin.
  2. Ekran, akış veya web sitesi bölümü aramasını seçin.
  3. Tek bir örneğe güvenmek yerine birkaç ilgili ürünü inceleyin.
  4. Her önemli referans için ürün adını ve Mobbin URL'sini koruyun.
  5. Görünür gözlemleri yorum ve önerilerden ayırın.
  6. Bulguları kullanıcının markasına, hedef kitlesine, tasarım sistemine, erişilebilirlik ihtiyaçlarına ve ürün kısıtlamalarına uyarlayın.

Kanıt sınırlamaları

  • Bir Mobbin örneği, bir ürünün bir tasarımı kullandığını gösterir; tasarımın dönüşümü veya başka bir metriği iyileştirdiğini kanıtlamaz.
  • Tekrarlayan bir desen bir gelenektir, otomatik olarak en iyi uygulama değildir.
  • Güncellik önemli olduğunda yakalama meta verilerini kontrol edin.
  • Korumalı tasarımları, markaları, metinleri veya varlıkları birebir kopyalamayın.
  • Erişilebilirliği bağımsız olarak değerlendirin.

Hatalar ve kurtarma

  • Yetkilendirme hatası: Mobbin'i yeniden bağlayın ve OAuth giriş akışını tamamlayın.
  • HTTP 429 Too Many Requests: yeniden denemeden önce Retry-After başlığındaki süreyi bekleyin.
  • Eksik veya zayıf sonuçlar: platformu, ürün kategorisini, kullanıcı hedefini, deseni veya akışı belirterek isteği daha spesifik hale getirin.
  • Aşırı dar sonuçlar: gereksiz kısıtlamaları kaldırın veya ekranları, akışları ve bölümleri ayrı ayrı arayın.
  • Erişimi kaldırma: bağlı istemciyi Mobbin hesap ayarlarından iptal edin.

Örnek istemler

  • Bankacılık uygulamalarından kayıt ekranlarını Mobbin'de arayın.
  • Airbnb ve Booking.com'un ödeme akışlarını nasıl ele aldığını karşılaştırın.
  • Üç aylık ve yıllık faturalandırmayı net şekilde açıklayan mobil ödeme duvarlarını bulun.
  • Karmaşık özellik karşılaştırma tablolarına sahip SaaS fiyatlandırma bölümlerini bulun.
  • Bildirim izni hazırlık ekranlarını gösterin ve tekrarlayan desenleri belirleyin.
  • İşbirlikçi üretkenlik ürünlerinin kullandığı boş durumları bulun.

Kurulum ve destek

Fiyatlandırma ve plan erişimi: https://mobbin.com/pricing.md

Ürün genel bakışı: https://mobbin.com/index.md

Tam ajan bağlamı: https://mobbin.com/llms-full.txt