01 / 페이지에는 대화로 담기 어려운 것이 있습니다
요구사항을 설명할 때 HTML 프로토타입을 더 자주 쓰기 시작했습니다. 레이아웃, 계층, 인터랙션의 의도가 직접 보이게 되었습니다. 하지만 피드백은 여전히 대화 곳곳에 흩어져 있었습니다. 페이지와 위치가 없으면 “이 부분을 바꿔 주세요”라는 말은 금세 의미를 잃습니다.
02 / 실제 콘텐츠에 피드백 붙이기
연결한 AI가 MCP를 통해 하나의 파일로 완결된 HTML 프로토타입을 ProtoLens에 게시하고 비공개 리뷰 링크를 만듭니다. 리뷰어는 비공개 링크를 열고 닉네임을 선택하면 참여할 수 있으며, 계정 가입은 필요하지 않습니다. 리뷰어가 영역이나 텍스트에 댓글을 연결하면 다음 사람은 맥락 없이 따로 떨어진 스크린샷만 보고 추측할 필요 없이 문제의 위치를 찾을 수 있습니다.
피드백을 다음 수정까지 이어 가기
요구사항을 브라우저에서 볼 수 있게
정확한 텍스트나 영역에 댓글 달기
연결한 AI에게 제출된 피드백을 읽고 각 항목에 대한 응답과 함께 V2를 게시하도록 요청하세요.
수정된 프로토타입 확인
작업 흐름의 개요이며 에이전트가 모든 댓글을 자동으로 구현하거나 승인한다는 뜻은 아닙니다.
03 / 사람의 판단을 다음 AI 수정으로 전달하기
댓글을 모으는 것은 일부에 불과합니다. 연결한 AI에게 제출된 피드백을 읽고 각 항목에 대한 응답과 함께 V2를 게시하도록 요청하세요. 원래 리뷰어는 Previous round에서 자신의 피드백과 각 응답을 대조하고, 자신의 의도에 부합하는지 확인합니다.
선택과 한계: 자체 완결형 리뷰 환경으로 제한하기
이 작업 흐름은 인라인 스타일, 스크립트, 내장 이미지를 포함할 수 있는 단일 자체 완결형 HTML 프로토타입을 받습니다. ProtoLens는 임의의 빌드 실행, 의존성 설치, 애플리케이션 백엔드 실행을 하지 않습니다. 따라서 일부 상호작용이 온전히 작동하는지는 제품 자체 환경에서 검증해야 합니다.