dev3000 - AI 디버깅을 위한 웹 앱 개발 타임라인 통합 캡처 도구
요약
dev3000은 개발 서버에서 발생하는 로그, 브라우저 콘솔, 네트워크 요청, 스크린샷, 사용자 인터랙션 등 다양한 디버깅 데이터를 하나의 타임스탬프 로그로 통합 캡처하는 웹 앱 개발용 어시스턴트입니다. Chrome DevTools Protocol을 활용하여 모든 데이터를 로컬 파일에 저장하며, 이 로그를 AI 에이전트(예: Claude)가 읽고 문제 파악 및 분석을 수행할 수 있도록 설계되었습니다. Next.js, Django 등 다양한 프레임워크와 Chromium 계열 브라우저를 지원하며, React 성능 모니터링 같은 진단 명령도 제공합니다.
핵심 포인트
- 다양한 디버깅 데이터(로그, 콘솔, 네트워크, 스크린샷)를 단일 타임스탬프 로그로 통합 캡처합니다.
- Chrome DevTools Protocol을 사용하여 데이터를 수집하고 AI 에이전트가 분석할 수 있도록 구조화합니다.
- Claude와 같은 AI 에이전트와 직접 연동하여 문제 진단 및 해결(fix, crawl) 명령을 제공합니다.
- Next.js, Django 등 모든 주요 웹 프레임워크를 지원하며 전용 브라우저 프로필 관리가 가능합니다.
- 개발 서버 실행 중 발생하는
서버 로그, 브라우저 콘솔, 네트워크 요청, 자동 스크린샷, 사용자 인터랙션을 하나의 타임스탬프 로그로 통합 캡처하는 디버깅 어시스턴트
Chrome DevTools Protocol로 브라우저를 모니터링하며, 모든 데이터를~/.d3k/{project}/d3k.log
에 저장해 AI 에이전트가 읽고 문제를 파악할 수 있도록 설계
d3k --with-agent claude
처럼 Claude, Codex 등 AI 에이전트와 tmux 분할 화면으로 바로 연동 가능
d3k errors
로 브라우저+서버 에러 통합 조회, d3k fix
로 에러 심층 분석, d3k crawl
로 앱 URL 탐색 등 진단 명령 제공
- Next.js, Vite, Svelte, Astro, Django, Flask, FastAPI, Rails 등
모든 웹 프레임워크 지원 - 각 프로젝트마다
전용 Chrome 프로필을 생성해 로그인 상태·쿠키·로컬 스토리지 유지 - Arc, Brave, Edge 등
Chromium 계열 브라우저를 지정 가능하며, CI/CD용--headless
모드 지원
--plugin-react-scan
옵션으로 react-scan 성능 모니터링 활성화 가능
- MIT 라이선스
댓글과 토론
AI 자동 생성 콘텐츠
본 콘텐츠는 GeekNews의 원문을 AI가 자동으로 요약·번역·분석한 것입니다. 원 저작권은 원저작자에게 있으며, 정확한 내용은 반드시 원문을 확인해 주세요.
원문 바로가기0