AI로 만든 앱을 위한 시각적 피드백 도구

AI 빌더(Lovable, v0, Bolt, Replit Agent)는 몇 분 만에 동작하는 앱을 만들어냅니다. 이제 병목은 만드는 일이 아니라, AI가 만든 결과를 리뷰하고 에이전트가 정확히 고칠 만큼 구체적인 피드백을 되돌려주는 일입니다.

시각적 피드백 도구(visual feedback tool)가 바로 이 문제를 풉니다. 채팅 안에 버그를 글로 설명하는 대신, 실제 앱 위의 요소를 그냥 클릭하면 됩니다. Patchrooms는 DOM 셀렉터, 스크린샷, URL, 뷰포트, 콘솔 에러를 캡처해서 사람도 에이전트도 추측 없이 읽을 수 있는 리포트로 묶어줍니다.

피드백 위젯 설치는 프리뷰, 스테이징, 로컬 빌드 위에 스크립트 태그 한 줄을 넣는 것뿐입니다. 빌드 단계도 없고, 피드백이 바뀔 때마다 다시 빌드할 필요도 없습니다.

<script src="https://room.patchrooms.com/v1/patchrooms.js"
        data-project-key="pr_xxx"
        data-mode="artifact-review"></script>

리뷰어는 계정이 필요 없습니다. 링크를 열고, 클릭하고, 텍스트나 음성 메모(자동으로 텍스트로 변환됩니다)로 코멘트하면 됩니다. 리포트는 실시간으로 대시보드에 도착합니다.

클릭은 사람 눈요기용 이미지로 끝나지 않습니다. 모든 리포트는 에이전트가 바로 쓸 수 있는(agent-ready) Markdown으로 내보내집니다. 셀렉터, 스크린샷, 목표, 제약 조건까지 담깁니다. 이걸 Claude Code, Cursor, Lovable, v0, Bolt에 붙여넣으면 "어느 버튼?"이라는 왕복 없이 에이전트가 정확한 요소를 고칩니다.

아무도 붙여넣지 않아도 돌아가는 루프를 위해, MCP 서버로 에이전트가 큐를 직접 읽고(list_reports / get_report, 스크린샷 인라인 포함) 고친 것을 마감(set_status)할 수 있습니다. 에이전트가 바로 쓰는 피드백에서 더 살펴보세요.

거창한 워크플로 엔진이 아닙니다. 사람과 에이전트가 같은 컨텍스트를 공유하는 room이라, 소수의 인원이 흐름을 놓치지 않고 리뷰하고, 고치고, 배포할 수 있습니다. room은 리포트 하나입니다. 한 조각의 피드백과 그 스레드죠. room은 project 안에 살고, project는 앱이나 레포마다 하나입니다.

• 리뷰는 무제한, 무료, 계정 불필요.
• 스크린샷, 주석, 자동 변환되는 음성 메모.
• 리포트별 상태(신규, 분류됨, 진행 중, 마감)로 무엇이 남았는지 파악.
• 도구별 가이드와 흐름은 workflows에서.

기술 문서(SDK, MCP, API)는 영어로 docs.patchrooms.com에 있습니다.