ProtoLens — GitHub의 AI 생성 HTML 프로토타입 리뷰

왜 ProtoLens인가

리뷰는 늘 마지막 한 구간에서 무너집니다.

AI로 프로토타입 산출량은 단번에 늘었지만, 리뷰 쪽은 예전 그대로입니다 — 임시 저장소에 push 하고, zip을 보내고, 공개하면 안 될 페이지를 밖에 올리고, 피드백을 채팅창에 다시 붙여 넣습니다.

선택한 영역 하나, 코멘트 두 개, 그리고 다음 AI 작업으로 넘길 Markdown.

사용 방법

선택한 저장소에 ProtoLens GitHub App을 설치합니다.

ProtoLens 대시보드를 열고 저장소를 고릅니다.

ProtoLens가 리뷰 가능한 정적 프로토타입 파일을 찾아냅니다.

안정적인 리뷰 URL을 복사하거나 엽니다.

리뷰하는 사람이 프로토타입 위에 바로 코멘트를 남깁니다.

피드백을 Markdown으로 내보내거나, AI 도구에서 MCP 서버를 사용합니다.

AI 프로토타입 협업을 위해 만들었습니다.

1인 회사, 작은 프로덕트 팀, 사내 도구 팀, 그리고 staging 환경을 통째로 갖추지 않고 사람의 눈을 빠르게 거치고 싶은 에이전트 워크플로.

AI 에이전트를 위한 MCP

ProtoLens는 MCP 서버를 제공하므로 AI 도구에서 프로토타입 파일 목록 조회, 리뷰 링크 생성, 코멘트 읽기, Markdown 내보내기를 할 수 있습니다.

일부 클라이언트는 대시보드에서 생성한 단기 bearer 토큰 설정도 지원합니다.

{
  "mcpServers": {
    "protolens": {
      "url": "https://protolens.myagenthubs.com/mcp"
    }
  }
}

보안과 개인정보

저장소 접근 범위는 당신의 GitHub App 설치 범위로만 정해지며, GitHub에서 언제든 회수할 수 있습니다.

프로토타입 파일은 저장소·ref·경로를 지정해 가져옵니다. 저장소를 clone 하거나 그 안의 임의 코드를 실행하지 않습니다.

리뷰 데이터는 Markdown 지향 형식으로 저장되며 해당 프로토타입에 연결됩니다.

HTML 리뷰 렌더링은 샌드박스 안에서 이루어지고, JavaScript 실행과 폼 제출은 의도적으로 제한됩니다.

큰 파일은 현재의 안전·리소스 제한에 걸려 거부될 수 있습니다.