HTML / SVG / PNG를 위한 AI 프로토타입 협업

AI가 만든 프로토타입을, 팀이 다음 수를 둘 수 있는 리뷰 링크로.

1인 개발자, 작은 팀, 사내 프로덕트 팀이 파일을 옮기지 않고 AI가 만든 HTML 프로토타입을 리뷰합니다. 코멘트는 프로토타입에 고정되고, Markdown으로 다음 AI 작업에 되먹일 수 있습니다.

AI 프로토타입 리뷰 1인 개발자와 소규모 팀의 납품 사내 프로덕트 정렬
당신의 GitHub 저장소 위에서 동작 · MCP 엔드포인트 포함
ProtoLens 워크스페이스 — 연결된 저장소, 찾아낸 프로토타입 파일, 공유 가능한 현재 리뷰
왜 ProtoLens인가

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

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

선택한 영역 하나, 코멘트 두 개, 그리고 다음 AI 작업으로 넘길 Markdown.
선택된 CTA 영역, 고정된 리뷰 코멘트, 그리고 피드백을 AI 에이전트에 돌려주는 MCP 호출
사용 방법

여섯 단계, staging 환경은 필요 없습니다.

선택한 저장소에 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 승인 그 자체입니다.

저장소 접근 범위는 당신의 GitHub App 설치 범위로만 정해지며, GitHub에서 언제든 회수할 수 있습니다.
프로토타입 파일은 저장소·ref·경로를 지정해 가져옵니다. 저장소를 clone 하거나 그 안의 임의 코드를 실행하지 않습니다.
리뷰 데이터는 Markdown 지향 형식으로 저장되며 해당 프로토타입에 연결됩니다.
HTML 리뷰 렌더링은 샌드박스 안에서 이루어지고, JavaScript 실행과 폼 제출은 의도적으로 제한됩니다.
큰 파일은 현재의 안전·리소스 제한에 걸려 거부될 수 있습니다.

다음 프로토타입에 리뷰 링크 하나를.

GitHub App을 설치하고, 저장소를 고르고, 첫 리뷰 링크를 공유하세요.

ProtoLens 열기