ProtoLens · 프로토타입 리뷰

눈에 보이는 프로토타입.
피드백도 그만큼 분명하게.

GitHub의 정적 프로토타입을 공유하고 구체적인 영역에 댓글을 남긴 뒤, 사람이나 AI에 명확한 피드백을 전달해 다음 수정을 진행하세요.

이용 가능

웹 · 정적 HTML / SVG / PNG 검토

ProtoLens 영역 표시와 옆에 배치된 댓글 목록
그림 01제품 화면: 댓글이 가리키는 콘텐츠와 위치를 함께 유지합니다. 원본 프로토타입은 중국어입니다.

피드백을 다음 수정까지 이어 가기

01HTML

요구사항을 브라우저에서 볼 수 있게

02위치가 지정된 피드백

정확한 텍스트나 영역에 댓글 달기

03Markdown / MCP

사람과 에이전트에게 실행 가능한 맥락 전달

04수정하고 검토하기

수정된 프로토타입 확인

작업 흐름의 개요이며 에이전트가 모든 댓글을 자동으로 구현하거나 승인한다는 뜻은 아닙니다.

안정적인 검토 링크 공유하기

GitHub App에서 저장소를 선택하고 검토 가능한 파일을 찾으세요. 검토자는 프로토타입을 열어 맥락 안에서 피드백을 남깁니다.

다음 단계에 맥락 전달하기

Markdown으로 내보내거나 MCP로 댓글을 가져오세요. 정적 검토는 스크립트와 폼 실행을 제한하며 임의의 애플리케이션 백엔드를 호스팅하지 않습니다.

저장소에서 수정까지 여섯 단계

  1. 선택한 저장소에 ProtoLens GitHub App을 설치합니다.
  2. 대시보드를 열고 저장소를 선택합니다.
  3. index.html, SVG, PNG 같은 정적 프로토타입을 찾습니다.
  4. 안정적인 검토 링크를 열거나 복사합니다.
  5. 검토자가 선택한 텍스트나 영역에 댓글을 남깁니다.
  6. Markdown으로 내보내거나 MCP로 피드백을 읽은 뒤 수정하고 다시 검토합니다.

독립 제작자, 소규모 제품 팀, 내부 도구, 빠른 사람의 검토가 필요한 에이전트 작업 흐름을 위한 도구입니다.

에이전트가 피드백을 이어받게 하기

MCP 서버는 프로토타입 파일 목록 조회, 검토 링크 생성, 댓글 읽기, Markdown 내보내기를 지원합니다. 원격 MCP를 지원하는 클라이언트에 서버 URL을 추가하고 대시보드와 문서에 따라 인증하세요. 일부 클라이언트는 대시보드에서 생성한 단기 bearer 토큰을 지원합니다.

{ "mcpServers": { "protolens": {
  "url": "https://protolens.myagenthubs.com/mcp"
} } }
MCP 설정 문서 ↗

GitHub 접근과 검토 데이터의 경계

GitHub App 설치 설정이 저장소 접근 범위를 결정합니다. 프로토타입은 저장소, ref, 경로로 가져오며 저장소를 복제하거나 임의의 빌드를 실행하지 않습니다. 댓글은 GitHub 기반 프로토타입과 연결된 Markdown 중심의 검토 데이터이며, 모든 댓글이 사용자의 저장소에 저장된다는 뜻은 아닙니다. HTML은 샌드박스에서 렌더링되고 JavaScript와 폼 제출은 제한되며, 현재의 안전 또는 리소스 한도를 넘는 파일은 거부될 수 있습니다.

보안 및 데이터 안내 ↗