Mobbin

oficial

Mobbin é o padrão da indústria em referências de design de UI e UX para aplicativos móveis, aplicativos web e sites. A plataforma atende milhões de criadores de produtos e designers em todo o mundo para ajudá-los a criar melhores experiências digitais. Conecte o Mobbin ao seu agente de IA para pesquisar e explorar melhor ideias de design de UI e UX.

Ver em mobbin.comExperimente este MCPPatrocinado

O que você pode fazer com Mobbin MCP?

  • Telas de UI de busca — Solicite padrões específicos de telas mobile ou web, como login, paywall, estados vazios ou formulários, via search_screens.
  • Explore fluxos de várias etapas — Encontre jornadas ordenadas do usuário, como onboarding, checkout ou cancelamento, usando search_flows.
  • Encontre seções de sites — Localize referências de composição de páginas, como heróis, tabelas de preços ou rodapés, com search_sections.
  • Compare designs de produtos — Solicite exemplos lado a lado de aplicativos específicos, como fluxos de checkout do Airbnb e do Booking.com.
  • Lide com limites de taxa — Ao atingir HTTP 429, aguarde a duração especificada no cabeçalho Retry-After antes de tentar novamente.

Servidor MCP hospedado

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

Instala no Claude Code, Codex, Cursor e outros

Documentação

Mobbin MCP

O Mobbin MCP permite que assistentes de IA e agentes de codificação compatíveis pesquisem telas reais, fluxos de múltiplas etapas e seções de sites de produtos digitais já lançados usando linguagem natural. Os resultados podem incluir imagens de telas, nomes de aplicativos, contexto de fluxo e links para as páginas correspondentes no Mobbin.

Acesso

  • Endpoint: https://api.mobbin.com/mcp
  • Transporte: HTTP Streamable.
  • Autorização: OAuth por meio da conta Mobbin do usuário.
  • Planos: Pro, Team e Enterprise.
  • Limite de taxa: 60 solicitações por 60 segundos por usuário.
  • Galeria interativa: Suportada em clientes compatíveis com MCP Apps, incluindo ChatGPT, Claude Desktop e Web, e Codex App.

Na primeira conexão, o cliente MCP abre uma janela do navegador para que o usuário faça login no Mobbin e autorize o acesso. Nenhuma chave de API copiada manualmente é necessária para o MCP.

O conjunto de ferramentas MCP atualmente publicado é somente leitura: ele recupera referências de design e não cria, modifica ou exclui conteúdo da conta Mobbin.

Ferramentas

search_screens

Pesquise telas individuais de UI para mobile e web. Use para um estado ou padrão específico, como tela de login, paywall, estado vazio, diálogo, formulário ou tratamento de navegação.

search_flows

Pesquise fluxos de usuário ordenados e com múltiplas etapas. Use quando sequência e contexto forem importantes, como onboarding, checkout, configuração de conta, verificação de identidade, assinatura ou cancelamento.

search_sections

Pesquise seções de sites. Use para referências de composição de página, como heróis, seções de preços, depoimentos, navegação e rodapés.

O que os resultados contêm

Dependendo da pesquisa e do cliente, os resultados podem incluir imagens de telas, nomes de produtos, contexto de fluxo ou seção e links de volta para o Mobbin. Clientes MCP que suportam MCP Apps podem renderizar os resultados como uma galeria interativa.

Os agentes devem preservar o nome do produto e a URL do Mobbin para referências importantes, para que os usuários possam inspecionar a fonte.

Fluxo de trabalho recomendado

  1. Identifique a plataforma, a categoria do produto, o objetivo do usuário e a questão de design.
  2. Escolha a pesquisa por tela, fluxo ou seção de site.
  3. Revise vários produtos relevantes em vez de depender de um único exemplo.
  4. Preserve o nome do produto e a URL do Mobbin para cada referência importante.
  5. Separe observações visíveis de interpretações e recomendações.
  6. Adapte as descobertas à marca, ao público, ao sistema de design, às necessidades de acessibilidade e às restrições do produto do usuário.

Limitações das evidências

  • Um exemplo do Mobbin mostra que um produto usou um design; não prova que o design melhorou a conversão ou outra métrica.
  • Um padrão recorrente é uma convenção, não automaticamente uma prática recomendada.
  • Verifique os metadados de captura quando a atualidade for importante.
  • Não copie designs protegidos, marcas, textos ou ativos verbatim.
  • Avalie a acessibilidade de forma independente.

Erros e recuperação

  • Falha de autorização: reconecte o Mobbin e conclua o fluxo de login OAuth.
  • HTTP 429 Too Many Requests: aguarde a duração no cabeçalho Retry-After antes de tentar novamente.
  • Resultados ausentes ou fracos: torne a solicitação mais específica nomeando a plataforma, a categoria do produto, o objetivo do usuário, o padrão ou o fluxo.
  • Resultados excessivamente restritos: remova restrições desnecessárias ou pesquise telas, fluxos e seções separadamente.
  • Remover acesso: revogue o cliente conectado nas configurações da conta Mobbin.

Exemplos de prompts

  • Pesquise no Mobbin por telas de onboarding de aplicativos bancários.
  • Compare como Airbnb e Booking.com lidam com fluxos de checkout.
  • Encontre paywalls mobile que expliquem claramente a cobrança trimestral e anual.
  • Encontre seções de preços de SaaS com tabelas complexas de comparação de recursos.
  • Mostre telas de priming de permissão de notificação e identifique padrões recorrentes.
  • Encontre estados vazios usados por produtos de produtividade colaborativa.

Configuração e suporte

Preços e acesso ao plano: https://mobbin.com/pricing.md

Visão geral do produto: https://mobbin.com/index.md

Contexto completo do agente: https://mobbin.com/llms-full.txt