Mobbin

공식

Mobbin은 모바일 앱, 웹 앱, 웹사이트를 위한 UI 및 UX 디자인 참고 자료의 업계 표준입니다. 이 플랫폼은 전 세계 수백만 명의 제품 빌더와 디자이너에게 더 나은 디지털 경험을 설계하는 데 도움을 주고 있습니다. Mobbin을 AI 에이전트에 연결하여 UI 및 UX 디자인 아이디어를 더 효과적으로 조사하고 탐색하세요.

mobbin.com에서 보기이 MCP 사용해 보기스폰서

Mobbin MCP(으)로 무엇을 할 수 있나요?

  • 검색 UI 화면 — search_screens를 통해 로그인, 페이월, 빈 상태, 폼과 같은 특정 모바일 또는 웹 화면 패턴을 요청하세요.
  • 다단계 플로우 탐색 — search_flows를 사용하여 온보딩, 체크아웃, 취소와 같은 순서가 있는 사용자 여정을 찾으세요.
  • 웹사이트 섹션 찾기 — search_sections로 히어로, 가격 테이블, 푸터와 같은 페이지 구성 참조를 찾으세요.
  • 제품 디자인 비교 — Airbnb와 Booking.com의 체크아웃 플로우처럼 특정 앱의 나란히 비교 예시를 요청하세요.
  • 속도 제한 처리 — HTTP 429 오류가 발생하면 재시도 전에 Retry-After 헤더에 지정된 시간만큼 기다리세요.

호스팅형 MCP 서버

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

Claude Code, Codex, Cursor 등에 설치됩니다

문서

Mobbin MCP

Mobbin MCP를 사용하면 호환되는 AI 어시스턴트와 코딩 에이전트가 자연어를 사용하여 출시된 디지털 제품의 실제 화면, 다단계 플로우, 웹사이트 섹션을 검색할 수 있습니다. 결과에는 화면 이미지, 앱 이름, 플로우 컨텍스트, 해당 Mobbin 페이지 링크가 포함될 수 있습니다.

액세스

  • 엔드포인트: https://api.mobbin.com/mcp
  • 전송 방식: Streamable HTTP.
  • 인증: 사용자의 Mobbin 계정을 통한 OAuth.
  • 요금제: Pro, Team, Enterprise.
  • 속도 제한: 사용자당 60초에 60회 요청.
  • 인터랙티브 갤러리: ChatGPT, Claude Desktop 및 Web, Codex App을 포함한 MCP Apps 호환 클라이언트에서 지원됩니다.

최초 연결 시 MCP 클라이언트는 브라우저 창을 열어 사용자가 Mobbin에 로그인하고 액세스를 승인하도록 합니다. MCP에는 수동으로 복사한 API 키가 필요하지 않습니다.

현재 게시된 MCP 도구 세트는 읽기 전용입니다. 디자인 참조를 검색하며 Mobbin 계정 콘텐츠를 생성, 수정 또는 삭제하지 않습니다.

도구

search_screens

개별 모바일 및 웹 UI 화면을 검색합니다. 로그인 화면, 페이월, 빈 상태, 대화상자, 양식 또는 내비게이션 처리와 같은 특정 상태나 패턴에 사용합니다.

search_flows

순서가 있는 다단계 사용자 플로우를 검색합니다. 온보딩, 체크아웃, 계정 설정, 신원 확인, 구독 또는 취소와 같이 순서와 컨텍스트가 중요할 때 사용합니다.

search_sections

웹사이트 섹션을 검색합니다. 히어로, 가격 섹션, 사용후기, 내비게이션, 푸터와 같은 페이지 구성 참조에 사용합니다.

결과에 포함되는 내용

검색 및 클라이언트에 따라 결과에는 화면 이미지, 제품 이름, 플로우 또는 섹션 컨텍스트, Mobbin으로 연결되는 링크가 포함될 수 있습니다. MCP Apps를 지원하는 MCP 클라이언트는 결과를 인터랙티브 갤러리로 렌더링할 수 있습니다.

에이전트는 사용자가 출처를 검사할 수 있도록 중요한 참조에 대해 제품 이름과 Mobbin URL을 보존해야 합니다.

권장 워크플로우

  1. 플랫폼, 제품 카테고리, 사용자 목표, 디자인 질문을 식별합니다.
  2. 화면, 플로우 또는 웹사이트 섹션 검색을 선택합니다.
  3. 하나의 예시에 의존하지 말고 여러 관련 제품을 검토합니다.
  4. 각 중요한 참조에 대해 제품 이름과 Mobbin URL을 보존합니다.
  5. 관찰 결과와 해석 및 권장 사항을 분리합니다.
  6. 사용자의 브랜드, 대상 고객, 디자인 시스템, 접근성 요구 사항 및 제품 제약 조건에 맞게 결과를 조정합니다.

증거의 한계

  • Mobbin 예시는 제품이 특정 디자인을 사용했음을 보여줍니다. 디자인이 전환율이나 다른 지표를 개선했음을 증명하지는 않습니다.
  • 반복되는 패턴은 관례일 뿐, 자동으로 모범 사례는 아닙니다.
  • 최신성이 중요할 때는 캡처 메타데이터를 확인합니다.
  • 보호된 디자인, 브랜딩, 텍스트 또는 자산을 그대로 복사하지 마십시오.
  • 접근성을 독립적으로 평가합니다.

오류 및 복구

  • 인증 실패: Mobbin에 다시 연결하고 OAuth 로그인 흐름을 완료합니다.
  • HTTP 429 Too Many Requests: 재시도 전에 Retry-After 헤더의 기간을 기다립니다.
  • 결과 누락 또는 부족: 플랫폼, 제품 카테고리, 사용자 목표, 패턴 또는 플로우를 지정하여 요청을 더 구체적으로 만듭니다.
  • 결과가 지나치게 좁은 경우: 불필요한 제약 조건을 제거하거나 화면, 플로우, 섹션을 별도로 검색합니다.
  • 액세스 제거: Mobbin 계정 설정에서 연결된 클라이언트를 해지합니다.

예시 프롬프트

  • 뱅킹 앱의 온보딩 화면을 Mobbin에서 검색합니다.
  • Airbnb와 Booking.com의 체크아웃 플로우 처리를 비교합니다.
  • 분기별 및 연간 결제를 명확하게 설명하는 모바일 페이월을 찾습니다.
  • 복잡한 기능 비교 테이블이 있는 SaaS 가격 섹션을 찾습니다.
  • 알림 권한 사전 동의 화면을 표시하고 반복되는 패턴을 식별합니다.
  • 협업 생산성 제품에서 사용하는 빈 상태를 찾습니다.

설정 및 지원

가격 및 요금제 액세스: https://mobbin.com/pricing.md

제품 개요: https://mobbin.com/index.md

전체 에이전트 컨텍스트: https://mobbin.com/llms-full.txt