ProtoLens · 프로토타입 리뷰

AI가 만든 프로토타입에서
직접 확인할 수 있는 수정본으로.

판단이 필요한 바로 그 자리에서 AI가 만든 HTML 프로토타입을 리뷰하세요. AI가 피드백을 읽고 다음 버전을 게시하며 각 항목을 어떻게 처리했는지 설명합니다.

얼리 액세스 신청작동 방식 보기

리뷰어는 계정 없이 닉네임만 있으면 됩니다.

개발 이야기 읽기
ProtoLens에서 Trailmate 홈 화면을 V2로 리뷰하며 오른쪽 패널에서 댓글 초안을 작성하는 화면
운영 환경 스크린샷 · V2 리뷰. Trailmate는 가상의 데모 제품입니다.

“여기를 바꿔 주세요”가 어디를 뜻하는지 분명해야 합니다.

스크린샷은 한순간을 보여 주고, 채팅 메시지는 의견을 전합니다. 둘을 올바른 버전에 계속 연결해 두려면 수고가 듭니다.

댓글, 결정, 다음 응답을 해당 프로토타입 곁에 모아 두세요.

하나의 워크로, 다음 리뷰를 더 명확하게.

  • 나
  • 내 AI (MCP 연결)
  • 리뷰어
나01

내가 요청

"이걸 ProtoLens에 게시해 줘."

처음 한 번: 로그인하고 연결을 승인합니다.
내 AI02

내 AI가 V1을 게시

비공개 리뷰 링크를 돌려줍니다.

리뷰어03

리뷰어가 위치를 짚고 댓글 작성

닉네임만 있으면 됩니다. 계정 없이 이번 라운드의 리뷰를 제출하세요.

내 AI04

내 AI가 피드백을 읽고 V2를 게시

항목마다 응답: 처리됨, 보류, 설명 필요.

나05

내가 검증

수락하거나 미해결 상태로 남겨 둡니다.

아직 미해결 → 다음 라운드

피드백을 제출하면 연결된 AI가 읽을 수 있습니다. ProtoLens가 AI 실행을 자동으로 시작하지는 않습니다.

AI와 리뷰를 연결합니다.

MCP는 AI 앱이 사용자가 허용한 도구를 사용하는 표준 방식입니다.
ProtoLens를 연결하면 AI가 워크를 게시하고 제출된 피드백을 읽을 수 있습니다.
리뷰어는 리뷰 링크만 열면 됩니다. MCP를 설정할 필요가 없습니다.

필요한 연결 기능을 사용할 수 있는 Claude, ChatGPT 등의 호환 AI 클라이언트를 사용하세요. 설정 방법은 클라이언트, 요금제, 워크스페이스 설정에 따라 다릅니다.

MCP 주소를 AI 클라이언트에 복사한 뒤 접근을 허용하세요. 이 연결 방식을 사용할 수 없다면 대시보드에서 임시 연결을 만들 수 있습니다.

위치를 짚고,
뜻을 전하세요.

요소를 클릭하거나 텍스트를 선택하거나 영역을 표시해 해당 위치에 댓글을 남기세요.

Trailmate 프로토타입의 V1 리뷰에 표시된 위치 기반 댓글 2개와 오른쪽 패널의 초안 목록
V1 · 프로토타입 위치에 연결된 댓글과 리뷰 패널의 초안 목록.
답변 선택지와 추가 설명이 포함된 V1의 의사결정을 위한 질문
V1 · Decision questions(의사결정을 위한 질문). 리뷰 패널에서 잘라 낸 이미지입니다.

AI가 준비한 질문에 답하세요. 준비가 되면 전체 의견도 남길 수 있습니다. 질문 답변과 전체 의견은 모두 선택 사항입니다.

링크를 열고 닉네임을 정하세요. 제출 전까지 초안은 나에게만 보이며, 제출한 피드백은 같은 링크를 사용하는 다른 사람도 볼 수 있습니다.

제출한 뒤 피드백을 채팅에 복사할 필요가 없습니다.

댓글 2개와 답변 3개가 제출되었음을 알리는 확인 메시지
제출된 리뷰는 연결된 AI가 읽을 수 있습니다.

내 피드백이 V2에
어떻게 반영됐는지 확인하세요.

리뷰어의 원래 답변 아래에 Addressed와 Awaiting verification으로 표시된 V2 응답
V2 · Addressed, 검증 대기 중. 리뷰 패널에서 잘라냄.

AI가 제출된 피드백을 읽고 다음 버전을 게시하며, 각 항목에 대해 처리 완료, 보류, 추가 확인 필요 등의 설명을 남깁니다.

Previous round에서 각 응답을 원래 피드백과 비교하세요. 응답이 의도에 맞는지는 원래 리뷰어가 확인합니다.

AI의 응답은 사용자의 승인을 의미하지 않습니다.

이 데모에서 리뷰어는 히어로 카드의 주요 문구를 “Explore trails nearby”(주변 트레일 탐색)로 바꿔 달라고 요청했습니다. V2 응답은 변경 내용을 설명하며, 확인은 여전히 리뷰어의 몫입니다.

원래 리뷰어의 선택과 댓글, Addressed(처리 완료) 및 Awaiting verification 상태가 표시된 V2 응답
V2 · 원래 피드백 + AI 응답. Awaiting verification(확인 대기)은 승인된 상태가 아닙니다.

리뷰를 공유하고, 접근 범위를 선택하세요.

격리된 환경에서 프로토타입 표시

프로토타입은 격리된 샌드박스 도메인에서 표시됩니다. 모의 데이터를 사용하세요. 이곳은 리뷰 환경이며, 운영 중인 앱의 백엔드가 아닙니다.

철회할 수 있는 리뷰 링크

링크를 가진 사람은 누구나 보고, 댓글을 달고, 전달할 수 있습니다. 언제든 링크를 철회해 이후 접근을 막을 수 있지만, 이미 열람하거나 다운로드한 사본은 회수할 수 없습니다.

연결 범위는 직접 선택

OAuth로 권한을 부여하고 All works(모든 워크) 또는 Only works this connection creates(이 연결이 만든 워크만)를 선택하세요. All works에는 계정의 현재 워크와 앞으로 만들 워크가 모두 포함됩니다.

필요할 때 만드는 임시 연결

대시보드에서 유효 기간이 15분, 60분, 240분인 연결을 만든 뒤 URL, JSON, cURL 형식으로 복사해 호환되는 AI 워크플로에서 사용하세요. 연결 정보는 공개하지 마세요.

리뷰 초안은 제출 전까지 비공개입니다. AI 연결 철회와 리뷰 링크 철회는 별도로 관리합니다.

자세한 내용은 개인정보 처리방침, 서비스 이용약관, 보안 개요를 확인하세요.

몇 개의 워크로 시작하세요.

하나의 워크에 하나의 프로토타입과 리뷰 버전들이 담깁니다.

얼리 액세스로 이용 가능

Free

  • 워크 3개 포함
  • 50 MB 저장 공간
  • 같은 워크를 수정할 때 추가 워크 슬롯을 사용하지 않습니다
  • 추천이 성사될 때마다 워크 1개 추가, 총 10개까지
출시 예정

Pro

요금제 세부 내용은 추후 공개합니다.

알아 두면 좋은 내용.

리뷰어도 계정이 필요한가요?

아니요. 비공개 링크를 열고 닉네임을 정하면 됩니다. 소유자는 AI 클라이언트를 연결하고 워크를 관리하려면 ProtoLens 접근 권한이 필요합니다.

무엇을 게시할 수 있나요?

하나의 파일로 완결된 최대 5 MB의 HTML 프로토타입을 게시할 수 있습니다. 인라인 스타일, 스크립트, 삽입된 이미지로 샌드박스 제한 안에서 프로토타입의 상호작용을 유지할 수 있습니다. 외부 리소스와 실제 백엔드로의 통신은 지원하지 않습니다.

어떤 AI 클라이언트를 사용할 수 있나요?

필요한 MCP 또는 임시 연결 기능을 갖춘 클라이언트를 사용하세요. Claude와 ChatGPT 등이 지원하는지 확인해 볼 수 있습니다. 사용 가능 여부는 클라이언트, 요금제, 워크스페이스 설정에 따라 다릅니다.

AI가 워크를 자동으로 업데이트하나요?

아니요. 연결된 AI에게 제출된 피드백을 읽고 수정본을 게시하도록 요청하세요. 리뷰어가 피드백을 내보내거나 붙여 넣을 필요는 없으며, AI 응답은 사람이 승인한 것으로 간주되지 않습니다.

누가 리뷰를 볼 수 있나요?

링크를 가진 사람은 누구나 보고, 댓글을 달고, 전달할 수 있습니다. 초안은 제출 전까지 비공개이며, 제출된 피드백은 같은 링크를 사용하는 사람도 볼 수 있습니다. 소유자는 링크를 철회해 이후 접근을 막을 수 있습니다.

지금 ProtoLens를 사용할 수 있나요? Free에는 무엇이 포함되나요?

현재는 초대제로 운영합니다. 이용을 원하시면 얼리 액세스를 신청하세요. Free에는 워크 3개와 50 MB 저장 공간이 포함됩니다. 추천이 성사될 때마다 워크 1개가 추가되며 총 10개까지 이용할 수 있습니다. Pro는 출시 예정입니다.

다음 프로토타입의
다음 리뷰를 더 명확하게.

HTML을 준비하세요. 해당 위치에 피드백을 남기고, 무엇이 바뀌었는지 확인하세요.

얼리 액세스 신청

현재는 초대제로 운영합니다.