Mobbin

resmi

Mobbin adalah standar industri dalam referensi desain UI & UX untuk aplikasi seluler, aplikasi web, dan situs web. Platform ini melayani jutaan pembangun produk dan desainer di seluruh dunia untuk membantu mereka merancang pengalaman digital yang lebih baik. Hubungkan Mobbin dengan agen AI Anda untuk meneliti dan mengeksplorasi ide desain UI & UX dengan lebih baik.

Lihat di mobbin.comCoba MCP iniDisponsori

Apa yang bisa Anda lakukan dengan Mobbin MCP?

  • Layar UI Pencarian — Minta pola layar ponsel atau web tertentu seperti login, paywall, status kosong, atau formulir melalui search_screens.
  • Jelajahi alur multi-langkah — Temukan perjalanan pengguna yang terurut seperti onboarding, checkout, atau pembatalan menggunakan search_flows.
  • Temukan bagian situs web — Cari referensi komposisi halaman seperti hero, tabel harga, atau footer dengan search_sections.
  • Bandingkan desain produk — Minta contoh berdampingan dari aplikasi tertentu, seperti alur checkout dari Airbnb dan Booking.com.
  • Tangani batas kecepatan — Saat mencapai HTTP 429, tunggu durasi yang ditentukan dalam header Retry-After sebelum mencoba lagi.

Server MCP Terhosting

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

Terpasang ke Claude Code, Codex, Cursor, dan lainnya

Dokumentasi

Mobbin MCP

Mobbin MCP memungkinkan asisten AI dan agen coding yang kompatibel untuk mencari layar nyata, alur multi-langkah, dan bagian situs web dari produk digital yang sudah dirilis menggunakan bahasa alami. Hasil dapat mencakup gambar layar, nama aplikasi, konteks alur, dan tautan ke halaman Mobbin yang sesuai.

Akses

  • Endpoint: https://api.mobbin.com/mcp
  • Transport: Streamable HTTP.
  • Otorisasi: OAuth melalui akun Mobbin pengguna.
  • Paket: Pro, Team, dan Enterprise.
  • Batas kecepatan: 60 permintaan per 60 detik per pengguna.
  • Galeri interaktif: Didukung di klien yang kompatibel dengan MCP Apps, termasuk ChatGPT, Claude Desktop dan Web, serta Codex App.

Pada koneksi pertama, klien MCP membuka jendela browser sehingga pengguna dapat masuk ke Mobbin dan memberikan otorisasi akses. Tidak diperlukan API key yang disalin secara manual untuk MCP.

Kumpulan alat MCP yang saat ini diterbitkan bersifat read-only: alat ini mengambil referensi desain dan tidak membuat, mengubah, atau menghapus konten akun Mobbin.

Alat

search_screens

Cari layar UI seluler dan web secara individual. Gunakan untuk kondisi atau pola tertentu seperti layar login, paywall, empty state, dialog, formulir, atau perlakuan navigasi.

search_flows

Cari alur pengguna multi-langkah yang berurutan. Gunakan saat urutan dan konteks penting, seperti onboarding, checkout, penyiapan akun, verifikasi identitas, langganan, atau pembatalan.

search_sections

Cari bagian situs web. Gunakan untuk referensi komposisi halaman seperti hero, bagian harga, testimoni, navigasi, dan footer.

Isi hasil

Tergantung pada pencarian dan klien, hasil dapat mencakup gambar layar, nama produk, konteks alur atau bagian, dan tautan kembali ke Mobbin. Klien MCP yang mendukung MCP Apps dapat menampilkan hasil sebagai galeri interaktif.

Agen harus mempertahankan nama produk dan URL Mobbin untuk referensi penting sehingga pengguna dapat memeriksa sumbernya.

Alur kerja yang disarankan

  1. Identifikasi platform, kategori produk, tujuan pengguna, dan pertanyaan desain.
  2. Pilih pencarian layar, alur, atau bagian situs web.
  3. Tinjau beberapa produk yang relevan daripada hanya mengandalkan satu contoh.
  4. Pertahankan nama produk dan URL Mobbin untuk setiap referensi penting.
  5. Pisahkan observasi visual dari interpretasi dan rekomendasi.
  6. Sesuaikan temuan dengan merek, audiens, sistem desain, kebutuhan aksesibilitas, dan batasan produk pengguna.

Keterbatasan bukti

  • Contoh Mobbin menunjukkan bahwa suatu produk menggunakan desain tertentu; hal ini tidak membuktikan bahwa desain tersebut meningkatkan konversi atau metrik lainnya.
  • Pola yang berulang adalah konvensi, bukan otomatis praktik terbaik.
  • Periksa metadata tangkapan saat kebaruan penting.
  • Jangan menyalin desain, merek, teks, atau aset yang dilindungi secara verbatim.
  • Evaluasi aksesibilitas secara independen.

Kesalahan dan pemulihan

  • Kegagalan otorisasi: sambungkan kembali Mobbin dan selesaikan alur masuk OAuth.
  • HTTP 429 Too Many Requests: tunggu durasi di header Retry-After sebelum mencoba lagi.
  • Hasil hilang atau lemah: buat permintaan lebih spesifik dengan menyebutkan platform, kategori produk, tujuan pengguna, pola, atau alur.
  • Hasil terlalu sempit: hapus batasan yang tidak perlu atau cari layar, alur, dan bagian secara terpisah.
  • Hapus akses: cabut klien yang terhubung dari pengaturan akun Mobbin.

Contoh prompt

  • Cari Mobbin untuk layar onboarding dari aplikasi perbankan.
  • Bandingkan cara Airbnb dan Booking.com menangani alur checkout.
  • Temukan paywall seluler yang menjelaskan penagihan kuartalan dan tahunan dengan jelas.
  • Temukan bagian harga SaaS dengan tabel perbandingan fitur yang kompleks.
  • Tampilkan layar priming izin notifikasi dan identifikasi pola yang berulang.
  • Temukan empty state yang digunakan oleh produk produktivitas kolaboratif.

Penyiapan dan dukungan

Harga dan akses paket: https://mobbin.com/pricing.md

Ikhtisar produk: https://mobbin.com/index.md

Konteks agen lengkap: https://mobbin.com/llms-full.txt