Mobbin MCP — 실제 앱 화면 수십만 장을 디자인 참고로
운영자
실제 서비스 앱·웹 화면을 모아 둔 Mobbin을 Claude가 검색해, 비슷한 화면을 참고하며 디자인합니다.
Mobbin MCP 설치를 부탁해. 원본: https://mobbin.com 설명: https://ddalkkak.ssemgong.com/p/mobbin-mcp/raw 설치 명령: ``` claude mcp add --transport http mobbin https://api.mobbin.com/mcp ``` 순서 1. 원본 저장소의 README를 먼저 읽고, 위 명령이 지금도 맞는지 확인해. 2. 위 명령을 터미널에서 실행해. 내 운영체제에 맞지 않으면 README에 있는 방법으로 바꿔서 해. 3. 끝나면 설치됐는지 확인하는 명령(버전 확인 등)을 실행해 결과를 알려 줘. 4. API 키·로그인·유료 결제가 필요하면 멈추고 나에게 물어봐. 키를 만들거나 추측하지 마.
Claude Code·Codex 같은 AI 코딩 도구에 그대로 붙여 넣으면 원본을 확인하고 설치까지 해 줍니다.
이렇게 시켜 보세요
- «결제 화면 잘 만든 앱 사례 찾아서 우리 결제 화면 개선해 줘»
- «온보딩 화면 패턴 3가지 보여 줘»
꼭 알아 둘 점
Pro·Team·Enterprise 요금제에서만 쓸 수 있습니다. 처음 연결할 때 브라우저 창에서 Mobbin 계정으로 로그인하면 되고, API 키를 따로 복사할 필요는 없습니다. 남의 화면은 «참고»만 하고 그대로 베끼지 마세요.
- 종류
- MCP
- 분류
- 디자인
- 만든 곳
- Mobbin