next-browser은(는) 무엇을 하나요?
CLI로, React DevTools 및 Next.js 개발 오버레이에서 사람이 보는 정보(컴포넌트 트리, props, 훅, PPR 셸, 오류, 네트워크)를 구조화된 텍스트로 반환하는 셸 명령어를 에이전트에 제공합니다.
설치
npm install -g next-browser
# 또는
npx next-browser
사용법
다음 명령어를 Next.js 개발 서버가 실행 중인 프로젝트 디렉터리에서 실행하세요:
next-browser components # 컴포넌트 트리 출력
next-browser props # props 출력
next-browser hooks # 훅 상태 출력
next-browser ppr # PPR 셸 정보 출력
next-browser errors # 오류 출력
next-browser network # 네트워크 요청 출력
특징
- 구조화된 출력: JSON 또는 텍스트 테이블 형식으로 결과를 반환합니다.
- 에이전트 친화적: 파싱이 쉬운 형식으로 AI 에이전트가 쉽게 처리할 수 있습니다.
- 실시간 데이터: Next.js 개발 서버에서 직접 실시간 데이터를 가져옵니다.
- 경량: 추가 종속성 없이 간단히 설치하여 사용할 수 있습니다.
지원 플랫폼
- Claude Code
- Cursor
- Codex
- Vercel AI SDK
- 모든 셸 환경
추가 정보
자세한 내용은 GitHub 저장소를 참조하세요.