코딩 에이전트(coding agent)가 웹 사용자 인터페이스(UI)를 구축하거나 수정할 때, 그 결과물이 얼마나 정확한지 정량적으로 검증하기 위한 경량 브라우저 '화투(Hwatu)'가 등장했습니다. 이는 에이전트가 단순히 '픽셀 완벽(pixel-perfect)'하다고 주장하는 것을 넘어, 97.49%와 같은 구체적인 수치로 그 정확도를 증명할 수 있도록 돕는 도구입니다. 개발자는 화투를 통해 에이전트의 작업 결과물을 객관적으로 평가하고, 필요한 경우 사람의 개입을 통해 효율적인 개발 워크플로우를 구축할 수 있습니다.
화투는 기존의 웹 자동화 도구인 플레이라이트(Playwright)나 크롬 개발자 도구(chrome-devtools-mcp)와는 다른 접근 방식을 취합니다. 이 도구들은 에이전트가 브라우저를 제어하고 스크린샷이나 DOM 정보를 받아 분석하는 데 초점을 맞추는 반면, 화투는 '검증 브라우저(verification browser)'로서 측정 및 검증 기본 기능이 내장되어 있습니다. 픽셀 단위 일치율(pixel-diff scoring)을 백분율, 차이 영역, 히트맵으로 제공하고, 애니메이션의 지속 시간, 이징(easing), 속도 등을 수치화하며, 특정 시점의 애니메이션 프레임을 고정할 수도 있습니다. 또한, 헤드리스(headless) 모드와 일반 브라우저 모드를 실시간으로 전환하며, 에이전트 작업 중 CAPTCHA(캡차)나 판단이 필요한 상황에서 사람(human)이 세션에 개입하여 작업을 이어받아 처리한 후 다시 에이전트에게 넘겨줄 수 있는 '휴먼 핸드오프(human hand-off)' 기능도 제공합니다. 이 모든 과정이 웹킷(WebKit) 기반의 단일 정적 바이너리로 구현되어 가볍고 빠르게 작동하며, 크로미움(Chromium)처럼 170MB에 달하는 대용량 브라우저를 배포할 필요가 없습니다.
화투의 등장은 코딩 에이전트의 활용성을 한 단계 끌어올릴 잠재력을 가지고 있습니다. 기존에는 에이전트가 생성한 웹 UI 결과물을 사람이 일일이 확인하거나, 제한적인 자동화 도구로 검증해야 하는 한계가 있었습니다. 하지만 화투를 통해 에이전트의 작업 정확도를 객관적인 수치로 측정하고, 애니메이션과 같은 동적인 요소까지 정량적으로 평가할 수 있게 되면서, 에이전트의 신뢰도를 높이고 개발 프로세스의 효율성을 극대화할 수 있습니다. 특히, 사람의 개입이 필요한 복잡한 상황에서도 세션 상태를 유지한 채 유연하게 전환할 수 있다는 점은 실제 개발 환경에서 큰 이점으로 작용할 것입니다. 이는 궁극적으로 코딩 에이전트가 더욱 복잡하고 정교한 웹 개발 작업에 활용될 수 있는 기반을 마련하며, 개발자들이 반복적이고 지루한 검증 작업에서 벗어나 더 창의적인 업무에 집중할 수 있도록 도울 것입니다.