Lazyweb MCP 설치와 사용법: 실제 앱 화면 28만 장, A/B 실험 2만 건을 Claude 근거로

Lazyweb MCP는 실제 앱 화면과 공개된 A/B 실험 자료를 Claude가 찾아볼 수 있게 연결하는 디자인·그로스 리서치 도구입니다. "결제 화면을 어떻게 바꿔야 하나요?"라고 물으면 Claude가 짐작으로 답하는 대신 실제 서비스의 화면과 실험 사례를 찾아 와서 근거로 붙입니다. 설치와 기본 검색이 무료라서 디자인 MCP 다섯 가지 중 가장 먼저 붙여 보기 좋습니다.

※ 이 글은 Lazyweb 공식 사이트와 공식 문서(claude.md, developers.md, pricing.md, MCP 서버 카드), 공식 GitHub 저장소를 보고 정리했습니다. 저희가 직접 연결해 써 본 것은 아닙니다. 공식 자료에서 확인되지 않는 부분은 ‘모름’으로 적었습니다.

Lazyweb은 어떤 도구인가

공식 문서에 적힌 소개는 "AI 코딩 에이전트를 위한 UI·UX 레퍼런스 라이브러리"입니다. 실제 앱 화면, 사용자 흐름, 제품 패턴을 281,000장 이상 모아 MCP로 검색할 수 있게 열어 두었습니다. 공식 GitHub 저장소 설명에는 유료 기능인 ‘A/B Test Agent’가 2만 건 이상(20k+)의 A/B 실험 자료를 다룬다고 나와 있습니다. 메인 페이지에는 "300k+ learnings"라는 표현도 있는데, 이 숫자와 앞의 숫자가 어떻게 다른지는 공식 설명이 없습니다(모름).

문서가 꼽는 사용자는 창업자, 제품팀, 디자이너, AI 코딩 에이전트입니다. 잘 맞는 주제로는 랜딩·가격 페이지, 온보딩과 활성화 흐름, 대시보드·설정·결제·업그레이드 경로, 모바일·웹 앱 UI, 경쟁사 디자인 비교를 듭니다. 백엔드 구현, DB 마이그레이션, 법률·의료·금융 조사, 화면과 상관없는 코드 정리에는 쓰지 말라고 따로 적어 두었습니다.

Claude와 묶어 쓰는 이유는 이렇습니다. Claude는 화면을 고치는 코드는 잘 쓰지만, 다른 회사가 실제로 어떻게 만들었고 어느 쪽이 실험에서 이겼는지는 모릅니다. Lazyweb은 그 부분을 실제 화면과 실험 결과로 메워 줍니다. 페이월, 가입, 온보딩, 가격 실험을 다룬 리서치 글도 따로 공개하고 있습니다.

출시·업데이트 정보

• 공식 스킬 팩 저장소(LazywebHQ/lazyweb-skill, MIT 라이선스)는 2026년 3월 26일에 만들어졌고, 마지막 반영은 2026년 9월 28일입니다(GitHub API 기준).
• MCP 서버 카드에 적힌 서버 버전은 1.0.0입니다.
• MCP 서비스의 정식 출시일과 공개 변경 이력(changelog)은 찾지 못했습니다(모름).

MCP 도구 14개

공식 MCP 서버 카드(/.well-known/mcp/server-card.json)에는 도구 14개가 올라 있습니다. 아래 설명은 서버 카드 원문을 옮긴 것입니다. 입력 인자 전체와 응답 형식은 공개 문서에 다 나와 있지 않아 일부는 ‘모름’입니다.

도구	하는 일	입력·결과(문서 기준)
lazyweb_health	연결·토큰 확인	연결 상태 점검용
lazyweb_get_workflows	현재 제공되는 워크플로 안내	첫 실행 예시 입력: {"operation":"list","task_context":"first run Lazyweb capabilities"}
lazyweb_search	텍스트로 화면 검색	검색어 + 선택 필터 → 일치하는 스크린샷
lazyweb_find_similar	비슷한 화면 찾기	Lazyweb 스크린샷 ID → 유사 화면
lazyweb_compare_image	이미지로 비슷한 화면 찾기	이미지 URL 또는 base64 → 유사 화면
lazyweb_list_categories / lazyweb_list_collections	필터 목록·큐레이션 모음 조회	카테고리·컬렉션 목록
lazyweb_get_flows	여러 화면으로 된 순서 있는 흐름	제품 여정(온보딩 등) 화면 묶음
lazyweb_search_ab_tests	수익화·실험 질문 리서치	무료는 부분 리포트, Pro는 전체 리포트
lazyweb_fetch_best_practice	디자인 모범 사례 라우팅 표	어떤 도구를 쓸지 안내
lazyweb_search_screens / _flows / _experiments	‘에이전틱 검색’용 검색	하나의 agentic_search_id로 결과를 모음
lazyweb_agentic_search_finalize	고른 레퍼런스를 비공개 웹 페이지로 정리	비공개 url. 공개는 로그인한 사람이 Share를 눌러야만 됨

Claude Code에 스킬 팩까지 깔면 /lazyweb, /lazyweb-growth-score, /lazyweb-growth-report, /lazyweb-growth-backlog, /lazyweb-search-experiments, /lazyweb-search-flows, /lazyweb-search-screens, /lazyweb-update 같은 슬래시 명령이 생깁니다. 계정 없이 쓰는 공개 MCP(/mcp/public)에는 lazyweb_search, lazyweb_page_tldr, lazyweb_ask_anything 같은 기본 도구가 따로 있습니다.

요금·조건

구분	무료	Pro ($39/월)	Team ($99/월)
화면 둘러보기·MCP 설치·토큰 발급	포함	포함	포함
에이전트 리서치·그로스 리포트	제한, 부분 리포트(생성 목업 1개만 보이고 추천은 잠김)	전체 + 우선 처리 용량	전체
경쟁사 추적	없음	없음	포함
좌석	-	개인 플랜(좌석 수 명시 없음)	최대 5석, 공유 작업 공간

• 유료 플랜 두 개 모두 3일 무료 체험이 있고, 체험하려면 카드를 등록해야 합니다. 체험이 끝나면 월 결제가 자동으로 시작되므로 계속 쓸 생각이 없으면 체험 기간 안에 해지해야 합니다.
• 세금과 정확한 조건은 결제 화면에 나온다고만 적혀 있습니다. 한국에서 결제할 때 부가세를 어떻게 처리하는지는 모릅니다.
• Pro로 올려도 기존 토큰은 그대로 쓰면 된다고 안내합니다.
• 연간 결제 할인이 있는지는 공식 자료에서 찾지 못했습니다(모름).

연결 방법

Claude Code

1. 설치 페이지에서 토큰이 들어 있는 설정 줄을 받거나 공식 설치 스크립트를 실행합니다. 토큰은 ~/.lazyweb/lazyweb_mcp_token에 저장됩니다.
2. 공식 문서에 나온 Claude Code 기본 명령으로 MCP를 연결합니다.

   claude mcp add --transport http --scope user lazyweb https://www.lazyweb.com/mcp --header "Authorization: Bearer <~/.lazyweb/lazyweb_mcp_token 의 토큰>"

3. (선택) 슬래시 명령 스킬 팩을 쓰려면 curl -fsSL https://www.lazyweb.com/install.sh | bash를 실행합니다. 원격 스크립트를 내려받는 즉시 실행하는 방식이니 먼저 내용을 열어 보세요. 설치 스크립트가 목적, 유입 경로, 회사명 같은 정보를 묻는 옵션으로 다시 실행하라고 할 수 있는데, 답하기 싫은 항목은 비워 둬도 됩니다.
4. 확인: /mcp에서 Lazyweb이 연결됐는지 보고, Claude에게 위 표의 첫 실행 입력으로 lazyweb_get_workflows를 호출해 달라고 합니다.

주의: 설치 페이지에는 본인 계정에 묶인 개인 토큰이 그대로 보입니다. 이 줄을 공개 저장소에 올리거나 화면을 캡처해 공유하면 안 됩니다(아래 캡처도 그래서 토큰 부분을 흐리게 처리했습니다). 공식 문서 역시 토큰을 공개 git 기록에 남기지 말라고 적고 있습니다.

claude.ai · Claude Desktop

1. 설정에서 사용자 지정 커넥터를 추가합니다. 이름은 Lazyweb, 원격 MCP 서버 URL은 https://www.lazyweb.com/mcp입니다.
2. Connect를 누르면 OAuth 로그인 창이 뜹니다. 이메일로 받은 6자리 코드를 넣으면 인증이 끝나고, 토큰이나 API 키, 헤더를 붙여 넣을 일은 없습니다.
3. 대화에서 커넥터를 켜고 도구 목록에 lazyweb_get_workflows가 있는지 봅니다.
4. (선택) lazyweb.zip 스킬을 받아 설정 → Features → Skills에 올리면 Claude가 도구를 언제 꺼낼지 더 잘 고릅니다. 공식 문서 기준으로 사용자 지정 스킬은 Claude Pro·Max·Team·Enterprise 플랜에서, 코드 실행 기능을 켠 상태여야 쓸 수 있습니다.

활용 예시

1. 구독 앱 가격 페이지 개선

상황: 유료 전환율이 낮아서 가격 페이지를 고치려는 경우입니다.

Lazyweb으로 소비자 구독 앱의 가격 페이지 A/B 실험을 찾아서, 실제로 이긴 쪽이 무엇이었는지 정리해 줘. 그다음 우리 가격 페이지(첨부 캡처)에서 먼저 바꿔 볼 곳 3가지를 근거와 함께 짚어 줘.

Claude는 먼저 lazyweb_search_ab_tests나 실험 검색 도구로 관련 실험을 찾고, 결과를 요약한 뒤, 첨부한 화면과 견주어 고칠 순서를 매깁니다.

무료 계정은 부분 리포트만 받기 때문에 실험 근거 일부가 잠겨 있을 수 있습니다. 나온 제안을 그대로 적용하기보다는 우리 서비스에서 다시 실험해 볼 가설 목록으로 쓰는 편이 맞습니다.

2. 온보딩 흐름 레퍼런스 모으기

상황: 피트니스 앱의 첫 실행 화면을 새로 설계하는 경우입니다.

인기 피트니스 앱의 실제 온보딩 흐름을 찾아서, 따라 할 만한 화면만 골라 순서대로 보여 줘. 화면마다 왜 좋은지 한 줄씩 붙여 줘.

Claude는 lazyweb_get_flows나 lazyweb_search_flows로 순서가 있는 흐름을 가져오고, 필요하면 lazyweb_find_similar로 비슷한 화면을 더 찾은 다음 고른 화면을 정리합니다. 에이전틱 검색을 썼다면 lazyweb_agentic_search_finalize로 비공개 정리 페이지를 만들 수 있습니다.

이 페이지는 디자이너와 나눠 보는 레퍼런스 보드로 쓰기 좋습니다. Share를 누르기 전까지는 비공개라는 점만 기억하면 됩니다.

3. 우리 사이트 그로스 점검

상황: 랜딩 페이지가 전환에 맞게 짜여 있는지 바깥 기준으로 보고 싶은 경우입니다.

https://example.com 에 대한 Lazyweb 그로스 리포트를 만들어 주고, 준비되면 열어 줘.

공식 문서에 실린 첫 시도 예시 그대로입니다. Claude가 리포트 생성 워크플로를 돌리고, 다 되면 결과를 엽니다. 리포트에 무엇이 어떤 형식으로 들어가는지는 저희가 확인하지 못했습니다(모름).

문서에 따르면 무료 계정은 목업 1개만 보이고 추천 항목은 잠깁니다. 추천 전체를 보려면 Pro 체험을 써야 합니다.

쓸 때 알아 두면 좋은 5가지

1. 첫 연결 직후에는 워크플로 목록부터: 공식 문서대로 lazyweb_get_workflows를 먼저 부르면 지금 쓸 수 있는 기능이 정리돼 나옵니다.
2. 검색어는 구체적으로: "결제"보다 "팀 설정 결제", "모바일 온보딩"처럼 화면 이름을 넣으라고 문서가 권합니다.
3. 여러 각도로 여러 번: 디자인 범위가 넓으면 검색을 나눠 여러 번 돌리는 것이 공식 문서가 권하는 흐름입니다.
4. 지금 화면과 먼저 비교: 기존 디자인을 고칠 때는 우리 화면과 레퍼런스를 나란히 놓고 비교한 뒤에 제안하게 하세요.
5. 질문만 있다면 공개 도구: 설치하지 않고 /agent/faq에서 물어도 출처가 달린 답을 받을 수 있습니다.

비슷한 도구와 비교

• Mobbin: 앱·웹 화면과 흐름을 모아 둔 대표적인 레퍼런스 라이브러리입니다.
• Refero: 웹·iOS 화면 레퍼런스 라이브러리입니다.
• Nicelydone: 제품 화면·흐름 레퍼런스 라이브러리입니다.
• InspoAI: 디자인 레퍼런스 도구입니다.

네 도구의 요금과 MCP 지원 조건은 여기서 단정하지 않고, 자매 글에서 각 공식 자료를 기준으로 따로 정리했습니다.

Lazyweb은 화면 검색에 더해 A/B 실험 근거와 그로스 리포트까지 에이전트에게 넘겨 주고, 설치와 기본 도구가 무료입니다. 이 두 가지가 나머지 도구와 다른 점입니다. Lazyweb 사이트에도 비교 페이지가 있지만 당사자가 쓴 글이라는 점은 감안해서 읽어야 합니다.

주의할 점

• A/B 실험 결과는 다른 서비스, 다른 사용자층에서 나온 것입니다. 우리 서비스에서 같은 효과가 난다는 보장은 없습니다.
• 설치 페이지와 ~/.lazyweb/lazyweb_mcp_token에 있는 토큰은 계정에 묶여 있습니다. 공개 저장소나 캡처, 채팅에 올리지 말고, 설정 파일은 .gitignore에 넣으세요.
• 공식 문서상 토큰에는 결제, 개인 데이터, 삭제 작업 권한이 없습니다. 그래도 공개해도 된다는 뜻은 아닙니다.
• 설치 스크립트는 원격 스크립트를 곧바로 실행합니다. 꺼림칙하면 claude mcp add 명령만 써도 MCP 도구는 연결됩니다.
• 유료 체험은 카드를 등록한 뒤 자동으로 갱신됩니다. 해지 시점을 꼭 확인하세요.
• 스크린샷 저작권 정책은 /copyright 페이지에 따로 있습니다. 레퍼런스 화면을 외부에 게시할 때는 먼저 읽어 보세요.

자주 묻는 질문

무료로 어디까지 되나요?

화면 둘러보기, MCP 설치, 토큰 발급, 기본 도구 호출은 무료입니다. 리서치와 그로스 리포트는 일부만 나오고 추천 항목이 잠깁니다.

claude.ai에서도 토큰을 붙여 넣어야 하나요?

아닙니다. claude.ai와 Desktop은 OAuth 방식이라 이메일로 온 6자리 코드로 로그인하면 됩니다. 토큰 헤더는 Claude Code, Cursor 같은 로컬 클라이언트에서만 씁니다.

한국 앱 화면도 있나요?

공식 자료에 국가별 구성은 나와 있지 않습니다(모름).

A/B 실험 자료는 몇 건인가요?

공식 GitHub 저장소 설명에는 "20k+"로 적혀 있습니다. 정확한 최신 수치와 무료 계정에서 볼 수 있는 범위는 모릅니다.

무료와 유료, 어디까지 쓸까

화면 레퍼런스만 필요하다면 무료 계정으로도 충분할 수 있습니다. 실험 근거가 담긴 전체 리포트는 Pro 체험부터 열립니다. 공식 설치 안내는 https://www.lazyweb.com/mcp-install, Claude 설정 문서는 https://www.lazyweb.com/claude.md에 있습니다.