최근 개발자들 사이에서 AI 코딩 에이전트의 활용이 늘면서, 이들이 단순 코드 생성 외에 더 복잡한 작업을 수행할 수 있도록 돕는 도구들이 등장하고 있습니다. 그중 하나인 'Peek-CLI'는 AI 코딩 에이전트가 사용자의 웹 브라우저 화면을 직접 '볼' 수 있게 해주는 흥미로운 솔루션입니다. 이는 에이전트가 웹 페이지의 시각적 맥락을 이해하고, 이를 바탕으로 더욱 정확하고 유용한 코드를 제안하거나 작업을 수행하는 데 중요한 역할을 할 수 있습니다.
PeeK-CLI는 크롬(Chrome) 확장 프로그램과 명령줄 인터페이스(CLI)로 구성됩니다. 사용자가 CLI를 통해 웹소켓(WebSocket) 서버를 시작하고 브라우저 확장 프로그램을 연결하면, AI 에이전트가 특정 브라우저 탭의 스크린샷을 요청하고 이를 이미지 파일로 받아볼 수 있습니다. 이 도구는 클로드 코드(Claude Code), 코덱스(Codex), 코파일럿(Copilot) 등 다양한 AI 코딩 에이전트와 연동 가능하며, 에이전트가 웹 페이지의 UI/UX를 파악하거나 특정 요소의 위치를 확인하는 등의 작업에 유용하게 활용될 수 있습니다. 개발팀은 보안을 최우선으로 고려하여, 에이전트가 스크린샷만 캡처할 수 있을 뿐 브라우저에 직접 접근하거나 스크립트를 주입하는 등의 악의적인 행동은 불가능하다고 강조합니다.
이러한 기능은 AI 코딩 에이전트의 활용 범위를 크게 확장할 잠재력을 가집니다. 기존에는 텍스트 기반의 정보만으로 코드를 생성해야 했던 에이전트가 이제는 실제 웹 페이지의 시각적 정보를 바탕으로 더 정교한 작업을 수행할 수 있게 된 것입니다. 예를 들어, 특정 웹사이트의 레이아웃을 분석하여 유사한 UI를 구현하는 코드를 생성하거나, 웹 페이지에서 발생한 시각적 버그를 파악하고 수정하는 데 도움을 줄 수 있습니다. 이는 개발 생산성 향상은 물론, AI 에이전트가 단순한 코드 도우미를 넘어 실제 개발 과정의 중요한 파트너로 진화하는 데 기여할 것으로 보입니다.