Mobbin

Server MCP di Mobbin

Search real-world UI and UX design references for mobile apps, web apps and websites from Mobbin's screenshot library.

Accesso con OAuth (La prima volta che ti colleghi accedi con il tuo account del fornitore)Streamable HTTP

Collegati a Mobbin

Mobbin richiede l’accesso. Collegati con il suo URL:

https://api.mobbin.com/mcp

Il tuo client apre la pagina di accesso di Mobbin la prima volta che lo usi. Il token resta tra il tuo client e Mobbin.

Condividi questo server

Apre questa pagina, con l’URL e i passaggi di configurazione.

mcp.tc/i/mobbin

Descrizione

Mobbin connects your assistant to its library of searchable mobile and web app screens and flows. Use it to find real-world UI and UX examples as design reference while you build or review a product.

It is a hosted remote server using Streamable HTTP at https://api.mobbin.com/mcp. Nothing is installed locally and no API key is needed. On first use, your client opens a browser window so you can sign in to Mobbin and authorize access through OAuth.

Cosa puoi fare

  • Search real-world UI and UX design references
  • Browse mobile app, web app and website screens
  • Look up app flows for design reference

Tool

Mobbin mostra i suoi tool solo dopo l’accesso, quindi non possiamo elencarli qui. Il tuo client li mostra una volta collegato.

Prompt di esempio

  • Find onboarding screens from popular fintech mobile apps

  • Show me real examples of pricing page designs for SaaS websites

  • Search Mobbin for checkout flows in e-commerce apps

  • Find settings screen examples to inspire my app redesign

Configurazione

Ogni client si collega a api.mobbin.com, e la prima volta Mobbin ti chiede di accedere. Scegli il tuo; la pagina ricorda la tua scelta.

Claude Code

  1. Eseguilo in un terminale, nella cartella del tuo progetto:
claude mcp add --transport http mobbin https://api.mobbin.com/mcp
  1. Avvia Claude Code, digita /mcp, scegli mobbin e seleziona Authenticate. Si apre una finestra del browser per accedere a Mobbin.

Aggiungi --scope user per renderlo disponibile in tutti i progetti, non solo in questo.

Claude Desktop

  1. Apri Settings → Connectors e fai clic su Add custom connector.
  2. Chiamalo Mobbin e incolla questo URL:
https://api.mobbin.com/mcp
  1. Fai clic su Add, poi su Connect, e accedi quando te lo chiede Mobbin.

Il file di configurazione JSON di Claude Desktop avvia solo server locali. I server remoti passano dai Connectors, e i connettori che aggiungi su claude.ai compaiono anche qui.

claude.ai

  1. Apri il modulo dei connettori su claude.ai. Questo pulsante compila nome e URL per te:
  1. Controlla che l’URL sia https://api.mobbin.com/mcp e fai clic su Add.
  2. Fai clic su Connect e accedi quando te lo chiede Mobbin.

I piani gratuiti consentono un connettore personalizzato. Nei piani Team ed Enterprise lo aggiunge un owner in Organization settings → Connectors.

ChatGPT

  1. Su chatgpt.com apri Settings → Security and login e attiva Developer mode.
  2. Vai su chatgpt.com/plugins e fai clic su + per creare un’app per un server MCP remoto.
  3. Incolla https://api.mobbin.com/mcp come URL del server e scegli OAuth. ChatGPT ti manda su Mobbin per accedere.

La modalità sviluppatore è disponibile sul web per gli account Plus, Pro, Business, Enterprise ed Education.

Cursor

Oppure aggiungilo a mano in ~/.cursor/mcp.json (tutti i progetti) o in .cursor/mcp.json (questo progetto):

mcp.json
{
  "mcpServers": {
    "mobbin": {
      "url": "https://api.mobbin.com/mcp"
    }
  }
}

Cursor mostra Needs login accanto al server. Fai clic per accedere.

VS Code

Oppure da un terminale:

code --add-mcp '{"name":"mobbin","type":"http","url":"https://api.mobbin.com/mcp"}'

Oppure fai commit nel repository in .vscode/mcp.json:

.vscode/mcp.json
{
  "servers": {
    "mobbin": {
      "type": "http",
      "url": "https://api.mobbin.com/mcp"
    }
  }
}

VS Code ti chiede di accedere la prima volta che il server si avvia.

Devin Desktop

  1. Aggiungilo a ~/.config/devin/mcp_config.json (macOS e Linux) o a %APPDATA%\devin\mcp_config.json (Windows):
mcp_config.json
{
  "mcpServers": {
    "mobbin": {
      "serverUrl": "https://api.mobbin.com/mcp"
    }
  }
}
  1. Aggiorna l’elenco dei server MCP in Cascade e accedi quando richiesto.

Devin Desktop è il nuovo nome di Windsurf. Per i server remoti legge serverUrl (o url).

Codex

codex mcp add mobbin --url https://api.mobbin.com/mcp
codex mcp login mobbin

Oppure modifica direttamente ~/.codex/config.toml:

config.toml
[mcp_servers.mobbin]
url = "https://api.mobbin.com/mcp"

Gemini CLI

gemini mcp add --transport http mobbin https://api.mobbin.com/mcp

Poi, dentro Gemini CLI, esegui /mcp auth mobbin per accedere.

Così lo aggiungi al progetto corrente. Aggiungi -s user per usarlo ovunque.

Qualsiasi client

La maggior parte dei client accetta questa forma. Alcuni chiamano diversamente il campo dell’URL: serverUrl in Devin Desktop, httpUrl nel file di impostazioni di Gemini CLI.

{
  "mcpServers": {
    "mobbin": {
      "type": "http",
      "url": "https://api.mobbin.com/mcp"
    }
  }
}

Zed mette i server sotto context_servers nelle sue impostazioni. Cline ha bisogno di "type": "streamableHttp", altrimenti presume SSE.

Il tuo client avvia solo server locali? Collegalo con npx -y mcp-remote https://api.mobbin.com/mcp.

Domande frequenti

Posso incollare mcp.tc/i/mobbin nel mio client MCP?

No. I link di mcp.tc sono pagine, non indirizzi di server. Collegati con https://api.mobbin.com/mcp, così il tuo client parla direttamente con Mobbin. Il token di accesso funziona comunque solo lì. Il link rapido serve per condividere: apre questa pagina, con i passaggi di configurazione per ogni client.

Mobbin richiede una chiave API o un accesso?

Sì, ti serve un account Mobbin. La prima volta che il tuo client si collega, apre la pagina di accesso di Mobbin. Il token va direttamente all’URL del server stesso, mai attraverso mcp.tc.

Mobbin è un server remoto o locale?

Remoto. Lo ospita Mobbin a https://api.mobbin.com/mcp, e usa Streamable HTTP. Non c’è nulla da installare.

Cosa può fare Mobbin?

Puoi search real-world UI and UX design references, browse mobile app, web app and website screens e look up app flows for design reference.

Quali client possono usarlo?

Qualsiasi client che supporta i server MCP remoti: Claude Code, Claude Desktop, claude.ai, ChatGPT in modalità sviluppatore, Cursor, VS Code, Devin Desktop, Codex, Gemini CLI, Zed e altri. I passaggi di configurazione li coprono tutti.

Chi ha scritto questa pagina?

Il robot di mcp.tc ha letto i metadati di Mobbin (il suo handshake MCP, l’elenco dei tool e le pagine pubbliche), e un modello di AI ne ha ricavato il testo. Una persona esamina tutto ciò che i controlli non riescono a confermare. Il testo può comunque contenere errori, quindi se ne trovi uno usa Segnala questa scheda su questa pagina.

Embed

Mostra Mobbin in un README o sul tuo sito. Ogni embed rimanda a questa pagina, usa l’URL del server stesso e non imposta cookie. Come funzionano gli embed

Badge per il README

Anteprima del badge, chiaroAnteprima del badge, scuro
Markdown
[![Mobbin on mcp.tc](https://mcp.tc/i/mobbin/badge.svg)](https://mcp.tc/i/mobbin)
HTML
<a href="https://mcp.tc/i/mobbin"><img src="https://mcp.tc/i/mobbin/badge.svg" alt="Mobbin on mcp.tc" height="20"></a>

Segue la modalità chiara o scura di chi legge. Aggiungi ?theme=light o ?theme=dark per fissarla, oppure ?style=compact per mostrare il simbolo senza la scritta.

Scheda per il sito

HTML
<script src="https://mcp.tc/w/mobbin.js" async></script>

La scheda compare dove si trova il tag. Aggiungi data-theme="dark" o data-size="compact" al tag per cambiarla. Il file contiene tutto ciò che serve, quindi non fa altre richieste e non imposta cookie.

iframe

HTML
<iframe src="https://mcp.tc/embed/mobbin" title="Mobbin on mcp.tc" width="420" height="200" loading="lazy" allow="clipboard-write" style="border:0;border-radius:8px;max-width:100%"></iframe>

Usalo nelle pagine che non consentono script. Aggiungi ?theme=light o ?theme=dark all’indirizzo per fissare i colori.

JSON

La scheda come dati per le tue pagine e i tuoi strumenti: nome, descrizione breve, URL del server, tool e i link «Aggiungi a». Qualsiasi sito può leggerla (CORS aperto).

https://mcp.tc/i/mobbin.json

Cosa significa ogni campo

mcp.tc non è affiliato a Mobbin. Questa pagina è stata costruita dai metadati pubblici di Mobbin (ultimo controllo: 3 ott 2026), e la descrizione l’ha scritta un modello di AI, quindi può contenere errori. Nomi e marchi appartengono ai rispettivi titolari. Qualcosa non va? Segnala questa scheda.