FlowLens

FlowLens는 AI 시대를 위해 설계된 버그 리포트 도구다. 버그를 둘러싼 컨텍스트가 리포트 자체보다 더 중요하고, 기록 한 번이 보통 수정을 늦추는 스크린샷, 채팅 메시지, 어렴풋이 기억나는 재현 단계의 사슬을 통째로 대체할 수 있다는 발상에 기반한다. 버그의 전체 브라우저 컨텍스트(영상, 네트워크 요청, 콘솔 출력, 사용자 동작, 스토리지 상태, 내비게이션 이벤트, 시스템 정보)를 사람과 기계가 추가 설명 없이 읽을 수 있는 링크 하나로 묶는다. 그 기록이 곧 공유 가능한 링크 하나가 된다.

그래서 일상에서 실제로 무엇이 바뀌는가. 링크가 에이전트에 닿는 순간 상당히 많이 바뀐다.

핵심은 컨텍스트다. 개발자나 디버깅 어시스턴트가 프런트엔드 문제를 살필 때 가장 어려운 부분은 보통 사용자가 실제로 무엇을 했는지 재구성하는 일이다. FlowLens는 그 추측을 없앤다. 에이전트는 MCP 서버를 통해 기록을 가져와 실제 데이터로 작업을 시작한다. 여기서의 AI 디버깅이 단순한 스크린샷과 달리 느껴지는 이유가 바로 이것이다.

가장 큰 한계는 범위다. FlowLens는 브라우저 도구라서 웹 앱과 프런트엔드 디버깅에 맞고, 네이티브 모바일이나 백엔드 전용 문제에는 맞지 않는다. 또한 워크플로에 MCP 호환 코딩 에이전트가 이미 있다고 전제한다. 팀이 모든 디버깅을 수작업으로 한다면 얻는 게 적다.

시작하기

1. FlowLens 브라우저 확장과 MCP 서버를 설치한다. 사이트에 따르면 1분쯤 걸린다.
2. 웹 앱을 열고 버그를 재현하기 전에 녹화 버튼을 누른다.
3. 실제 사용자처럼 문제를 재현한다. 고객이 지나갈 흐름을 그대로 따라 클릭하고 입력한다.
4. 녹화를 멈춘다. FlowLens는 영상, 로그, 네트워크 활동, 상호작용을 링크 하나로 묶는다.
5. 링크를 팀에 공유하거나 AI 에이전트에 붙여넣는다. 에이전트는 FlowLens MCP 연결을 통해 그것을 읽는다.