AI 코딩용 디버깅 도구, DevRecorder

DevRecorder는 화면 녹화와 함께 콘솔 로그, 네트워크 요청, 탐색 이벤트를 하나의 동기화된 타임라인으로 기록하는 Chrome 확장 프로그램입니다.

버그를 재현한 후 링크를 공유하면, 팀원들은 특정 프레임에 고정된 로그, 요청 헤더, 응답 본문 및 경로 변경 사항을 포함한 영상을 확인할 수 있습니다. localhost, 스테이징, 프로덕션 환경 모두에서 사용 가능합니다.

특히 **MCP(Model Context Protocol)**를 지원하여, Claude Code, Cursor, Windsurf와 같은 AI 코딩 도구가 녹화된 데이터를 구조화된 컨텍스트로 읽어 디버깅 및 문제 해결에 활용할 수 있도록 설계되었습니다.