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.
Collegati a Mobbin
Mobbin richiede l’accesso. Collegati con il suo URL:
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/mobbinDescrizione
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
- Eseguilo in un terminale, nella cartella del tuo progetto:
claude mcp add --transport http mobbin https://api.mobbin.com/mcp- 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
- Apri Settings → Connectors e fai clic su Add custom connector.
- Chiamalo Mobbin e incolla questo URL:
https://api.mobbin.com/mcp- 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
- Apri il modulo dei connettori su claude.ai. Questo pulsante compila nome e URL per te:
Aggiungi a claude.ai (si apre in una nuova scheda)
- Controlla che l’URL sia
https://api.mobbin.com/mcpe fai clic su Add. - 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
- Su chatgpt.com apri Settings → Security and login e attiva Developer mode.
- Vai su
chatgpt.com/pluginse fai clic su + per creare un’app per un server MCP remoto. - Incolla
https://api.mobbin.com/mcpcome 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
Aggiungi a Cursor (si apre in una nuova scheda)
Oppure aggiungilo a mano in ~/.cursor/mcp.json (tutti i progetti) o in .cursor/mcp.json (questo progetto):
{
"mcpServers": {
"mobbin": {
"url": "https://api.mobbin.com/mcp"
}
}
}Cursor mostra Needs login accanto al server. Fai clic per accedere.
VS Code
Installa in VS Code (si apre in una nuova scheda)
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:
{
"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
- Aggiungilo a
~/.config/devin/mcp_config.json(macOS e Linux) o a%APPDATA%\devin\mcp_config.json(Windows):
{
"mcpServers": {
"mobbin": {
"serverUrl": "https://api.mobbin.com/mcp"
}
}
}- 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 mobbinOppure modifica direttamente ~/.codex/config.toml:
[mcp_servers.mobbin]
url = "https://api.mobbin.com/mcp"Gemini CLI
gemini mcp add --transport http mobbin https://api.mobbin.com/mcpPoi, 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
[](https://mcp.tc/i/mobbin)<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
<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
<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.jsonmcp.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.