AI 아티팩트 리뷰

AI 아티팩트 리뷰는 AI가 생성한 아티팩트(프리뷰, 페이지, 앱)를 그 자리에서 리뷰하고, 정확하고 구조화된 피드백을 그것을 만든 에이전트에게 되돌리는 루프입니다. 생성하고, 리뷰하고, 고치는 것이죠.

보통의 버그 리포트는 사람이 읽을 티켓을 만듭니다. AI 아티팩트 리뷰는 에이전트가 바로 쓸 수 있는 컨텍스트(셀렉터, 목표, 제약 조건)를 만들어, AI가 곧장 이슈를 고치게 합니다.

Lovable, Bolt, Claude Code 같은 에이전트가 프리뷰를 내놓으면, 그에 대한 피드백은 Slack 스레드, Notion 문서, 흩어진 스크린샷으로 뿔뿔이 흩어집니다. 어느 것도 아티팩트에 앵커돼 있지 않으니, 다음 프롬프트는 진짜 컨텍스트를 담지 못하고 에이전트는 여러분의 의도를 추측할 수밖에 없습니다.

추측 한 번마다 엉뚱한 것을 재생성하며 반복 한 번을 태웁니다. AI가 빠르게 만들수록 이 리뷰 격차의 비용은 커집니다. 앵커 없는 피드백은 매 반복을 동전 던지기로 만듭니다.

빌더가 라이브 프리뷰나 배포된 페이지를 내놓으면, Patchrooms가 data-mode="artifact-review"로 임베드돼 모든 코멘트에 아티팩트의 도구, 목표, 제약 조건을 함께 실어 나릅니다.

• 링크만 있으면 누구나 요소를 클릭하고, 텍스트나 자동 변환되는 음성 메모로 코멘트합니다.
• 셀렉터, 스크린샷, 페이지 컨텍스트가 자동으로 캡처됩니다. Slack, Notion, 트래커로 컨텍스트를 바꿀 필요가 없습니다.
• 리포트는 Markdown으로 내보내지고, 에이전트는 되묻는 왕복 없이 정확한 이슈를 고칩니다.

모든 코멘트는 상태(신규, 분류됨, 진행 중, 마감)와 함께 하나의 대시보드에 도착합니다. 팀은 채팅 기록을 다시 읽는 대신 무엇이 해결됐고 무엇이 열려 있는지 바로 봅니다. room은 리포트 하나, 즉 한 조각의 피드백과 그 스레드이며, project(앱이나 레포마다 하나) 안에 삽니다.

이것은 코드 리뷰가 시작되기 전의 체크포인트입니다. diff가 아니라 에이전트가 실제로 렌더링한 것을 누군가 들여다보는 단계죠. 깨진 UI, 잘못된 문구, 놓친 상태가 PR이 준비되기 한참 전에 여기서 드러납니다.

모든 리포트는 셀렉터, 스크린샷 참조, 아티팩트 목표, 제약 조건을 담아 깔끔한 Markdown으로 내보내집니다. 이걸 에이전트에 붙여넣거나, MCP 서버로 에이전트가 리포트를 직접 읽게 하세요(list_reports / get_report). 지금 동작합니다. 상태 쓰기(set_status)도 지금 가능하며, 확장 MCP 도구는 예정돼 있습니다. 에이전트가 읽는 텍스트는 영어입니다(모델이 소비하는 그대로죠).

## Report: Onboarding flow review
**Tool:** lovable   **Goal:** reduce signup friction
**Constraint:** keep the flow single-column

- **Element:** `button.onboarding-continue`
- **Comment:** Should stay disabled until the form is valid.
- **Screenshot:** blob/scr_9f2a.png
- **URL:** https://preview.lovable.app/onboarding