Gemini AI 개발자 사이드바

About

사이트 네트워크 분석 및 디자인 개발을 위한 AI 사이드바

Gemini 와 연동 됩니다. 브라우저 계정이 제미나이에 로그인이 되있어야 합니다.

각 항목별로 네트워크 분석 및 프론트엔드 html 엘레멘트 분석 등 다양한 항목이 지원 됩니다.

각 요소 별로 페르소나가 자동 적용 됩니다.(텍스트 형태)

콘텍스트 윈도우를 절약하고자 특정 서버와 연동하여, 리퀘스트의 쿠키값, 리스폰스 바디 응답, 등 여러가지 항목들을 txt 파일로 변환하여, 업로드 해서 url로 대체 할수 있습니다.(옵션)



1. 정밀 네트워크 모니터링 (Network Analysis)
실시간 패킷 캡처: XHR, Fetch, WebSocket 등 웹 페이지에서 발생하는 모든 네트워크 요청을 실시간으로 감시합니다.
상세 데이터 수집: 단순 URL뿐만 아니라 헤더, 페이로드(전송 데이터), 서버 응답값, 쿠키까지 모두 캡처합니다.
통합 리포트 생성: 수집된 복잡한 데이터를 AI가 읽기 쉬운 요약 리포트 형태로 자동 변환해 줍니다.

2. 시각적 디자인 및 로직 분석 (UI/UX Analysis)
엘리먼트 선택기: 웹 페이지의 특정 요소를 클릭하여 해당 요소의 CSS 디자인 정보와 구조를 즉시 분석합니다.
Deep API 분석: 특정 버튼을 클릭했을 때 발생하는 네트워크 요청들을 추적하여, 해당 기능이 어떤 API와 연결되어 동작하는지 로직을 파악합니다.

3. 스텔스 모드 (Detection Bypass)
디버거 감지 우회: 웹사이트의 '개발자 도구 차단' 스크립트를 무력화하고, 확장 프로그램의 분석 활동을 숨기는 기능을 포함하고 있습니다.
Debugger API 활용: 브라우저의 전용 디버거 인터페이스를 사용하여 네트워크 패널을 열지 않고도 은밀하게 데이터를 수집합니다.

4. 데이터 관리 및 서버 동기화 (Data Management)
대용량 데이터 처리: 너무 큰 응답 데이터는 외부 서버(Pastebin 또는 커스텀 서버)에 자동으로 업로드하고 링크로 변환하여 AI 프롬프트의 길이를 최적화합니다.
세션 로그 유지: 페이지를 새로고침하거나 탭을 이동해도 분석 중이던 데이터가 사라지지 않도록 관리합니다.

5. AI 사이드바 및 Gemini 연동 (Core)
사이드바 UI: 브라우저 우측에 항상 고정된 사이드바를 통해 웹 페이지와 동시에 AI를 활용할 수 있습니다.
Gemini 자동 입력: 수집된 네트워크 데이터나 디자인 분석 내용을 클릭 한 번으로 gemini.google.com에 자동으로 입력하고 전송하는 기능을 제공합니다.