요약

Frontend-VisualQA는 로컬 호스트에서 실행되는 프론트엔드 애플리케이션에 시각적 QA 및 검증 기능을 제공하는 도구입니다. 이 도구는 스크린샷 캡처와 AI 에이전트를 활용하여, 기존의 DOM 기반 테스트(Playwright MCP)가 놓치기 쉬운 사용자 경험상의 오류(예: 할인 미적용, 레이아웃 깨짐 등)를 탐지합니다. 특히 '자기 교정형 탐색'을 통해 잘못된 페이지에서 발생하는 오탐지를 방지하고, '풍부한 시각적 평가'로 실제 사용자가 겪는 버그까지 포착하여 코딩 에이전트의 검증 능력을 한 단계 끌어올립니다.

핵심 포인트

• **시각적 QA 도입:** 기존 Playwright MCP가 DOM 기반 테스트에 국한되어 놓치는 시각적/사용자 경험 오류를 스크린샷과 AI 분석으로 포착합니다.
• **자기 교정형 탐색 (Self-correcting navigation):** 에이전트가 잘못된 페이지에 착륙했을 때 이를 스스로 인지하고 올바른 경로로 복구하여 '쓰레기 입력, 쓰레기 출력'을 방지합니다.
• **풍부한 시각적 평가 (Rich visual evaluation):** 단순히 텍스트 일치 여부를 넘어, 할인 미적용이나 진행률 표시줄의 불일치 등 실제 사용자 눈으로 확인해야 하는 버그를 발견할 수 있습니다.
• **다양한 통합 방식:** CLI, MCP 서버, 에이전트 스킬 형태로 제공되어 다양한 개발 워크플로우에 쉽게 통합됩니다.