Prompt Navigator - AI 채팅 네비게이션 도우미

🚀 주요 기능

Prompt Navigator는 ChatGPT 사용 경험을 획기적으로 개선하는 Chrome 확장 프로그램입니다.

⚡ 빠른 네비게이션

• 이전/다음 질문 이동: 긴 대화에서 질문 간 빠른 이동
• 키보드 단축키: 마우스 없이 효율적인 탐색
  • Cmd/Ctrl + Shift + ↑: 이전 질문으로
  • Cmd/Ctrl + Shift + ↓: 다음 질문으로
  • Cmd/Ctrl + Shift + /: 프롬프트 목록 보기
  • Cmd/Ctrl + Shift + ;: 확장 프로그램 창 열기
  • Cmd/Ctrl + Shift + E: 확장 프로그램 창 열기 (대체 단축키)

📝 프롬프트 관리

• 자동 저장: 모든 질문과 답변을 자동으로 기록
• 정규식 검색: 강력한 검색 기능으로 원하는 대화 즉시 찾기
• 채팅별 그룹화: 대화를 채팅 세션별로 정리하여 보기
• 클립보드 복사: 저장된 프롬프트를 원클릭으로 복사

💡 편의 기능

• 현재 질문 표시: 긴 답변을 읽을 때 우측 상단에 현재 질문 표시
• 원클릭 이동: 저장된 프롬프트에서 해당 채팅으로 바로 이동
• 커스터마이징 가능한 UI: 질문 표시 줄 수, 테마, 애니메이션 속도 조절
• 스마트 자동 표시: 채팅 진입 시 질문창 자동 표시 설정

🎯 이런 분들께 추천합니다

• ChatGPT를 자주 사용하는 개발자, 연구원, 학생
• 긴 대화 내역에서 특정 내용을 자주 찾아야 하는 사용자
• 키보드 단축키로 효율적인 작업을 선호하는 파워 유저
• AI와의 대화 내용을 체계적으로 관리하고 싶은 사용자

🔒 개인정보 보호

• 모든 데이터는 사용자의 브라우저에만 저장됩니다
• 외부 서버로 데이터를 전송하지 않습니다
• Chrome의 로컬 스토리지만 사용하여 완전한 프라이버시 보장

⚙️ 설정 옵션

🎨 테마 설정

• 시스템 설정 따르기: OS 테마에 자동 맞춤
• 라이트 모드: 밝은 테마로 고정
• 다크 모드: 어두운 테마로 고정

📱 질문 표시 설정

• 현재 질문 표시: 답변 읽기 중 우측 상단에 질문 표시 여부
• 채팅창 진입 시 자동 표시: 새 채팅 진입 시 질문창 자동 표시
• 질문 줄 수: 질문 텍스트 표시 줄 수 (2~10줄 조절 가능)
• 작은 화면에서 숨기기: 1024px 이하 화면에서 질문창 숨기기

🏃 애니메이션 설정

• 스크롤 애니메이션 속도: 5단계 속도 조절 (매우 빠름 ~ 매우 느림)
• 애니메이션 비활성화: 즉시 이동 (애니메이션 없음)

📋 사용 방법

1. ChatGPT 페이지에서 자동으로 네비게이션 버튼이 표시됩니다
2. 버튼을 클릭하거나 단축키를 사용하여 질문 간 이동
3. 확장 프로그램 아이콘을 클릭하여 저장된 프롬프트 확인
4. 검색창에서 정규식을 사용하여 원하는 대화 찾기
5. 설정 탭에서 개인 취향에 맞게 커스터마이징

🛠️ 기술 사양

• 지원 사이트: ChatGPT (chatgpt.com, chat.openai.com)
• 최소 Chrome 버전: 88 이상
• 권한: storage, activeTab
• 언어: 한국어
• 매니페스트 버전: V3

🆕 최신 업데이트 (v2.0)

🎯 새로운 기능

• 고급 설정: 세밀한 커스터마이징 옵션 추가
• 개선된 테마 시스템: 라이트/다크/시스템 테마 독립 제어
• 스마트 질문 표시: 채팅 진입 시 자동 표시 옵션
• 애니메이션 제어: 5단계 스크롤 속도 + 비활성화 옵션

🔧 개선사항

• 안정성 향상: Extension context 에러 해결
• 버튼 응답성: 모든 버튼 클릭 문제 해결
• 설정 연동: "다시 보지 않기"와 자동 표시 설정 연동
• UI 개선: 빈 상태 메시지 위치 최적화

🐛 버그 수정

• 프롬프트 목록 이동 버튼 클릭 오류 수정
• 테마 설정 미적용 문제 해결
• 라이트 모드에서 질문창 다크 표시 문제 수정
• 애니메이션 속도 설정 무시 문제 해결

🎯 향후 계획

• 다중 플랫폼 지원: Claude, Gemini 등 AI 플랫폼 확장
• 고급 검색: 태그, 날짜 필터링 기능
• 내보내기: 프롬프트 히스토리 백업/복원
• 협업 기능: 프롬프트 공유 및 템플릿

🔧 개발 및 빌드

빌드 명령어

# 개발용 빌드 (디버그 로그 활성화)
npm run build:dev

# 프로덕션 빌드 (디버그 로그 비활성화)
npm run build:prod

# 기본 빌드 (프로덕션)
npm run build

빌드 결과

• 개발용: .debug/ 디렉토리에 빌드 파일 생성
• 프로덕션: .build/ 디렉토리에 빌드 파일 생성
• ZIP 파일: 각각 prompt-navigator-development.zip, prompt-navigator-production.zip 생성

GitHub Actions

• main 브랜치에 푸시하면 자동으로 프로덕션 빌드가 실행됩니다
• 빌드 결과물은 Artifacts에서 다운로드할 수 있습니다

📞 문의 및 피드백

• 개발자: ej31
• GitHub: github.com/ej31
• 이메일: itj1032@gmail.com
• 이슈 신고: GitHub Issues

---

Prompt Navigator는 오픈소스 프로젝트입니다. 여러분의 피드백과 기여를 환영합니다!