chatgpt-smartnavbar
Chatgpt-Smartnavbar는 Chatgpt 플랫폼에서 프롬프트를 관리하고 사용하는 프로세스를 간소화하고 가속화하도록 설계된 크롬 확장자입니다. 빠른 프롬프트 액세스, 동적 옵션 필터링 및 효율적인 키보드 내비게이션을위한 대화식 Navbar, Smart Dropdown 메뉴와 같은 기능의 사용자 경험을 향상시킵니다. 이 확장은 신속한 생성, 조직 및 검색의 속도와 용이성을 향상시키는 데 중점을 둔 현대적이고 직관적 인 인터페이스를 제공합니다.
특징
- Dynamic Navbar : Chatgpt의 UI에 반응 형 대화식 Navbar를 추가합니다.
- 스마트 드롭 다운 메뉴 : 사용자 정의 가능한 키를 입력 한 후 사용자 입력을 기반으로 드롭 다운을 동적으로 생성합니다 (기본값은
<< ). - 키보드 탐색 : 화살표 키를 사용하여 드롭 다운 옵션을 탐색하고 'Enter'로 선택하십시오.
- 프롬프트 생성 및 관리 : 사용자는 자신의 프롬프트를 생성하여 빠른 액세스를 위해 사용자 정의 범주로 저장할 수 있습니다.
- 프롬프트에 대한 사용자 정의 카테고리 : 사용자는 자신의 프롬프트 카테고리를 작성, 이름을 바꾸고 삭제할 수 있습니다. 프롬프트는 범주간에 쉽게 이동할 수 있습니다.
- 신속한 관리 : 사용자는 모든 범주에서 프롬프트를 추가, 편집 및 삭제하여 조직을 산들 바람으로 만들 수 있습니다.
- 원활한 카테고리 할당 : 직관적 인 인터페이스를 사용하여 다른 범주 간의 프롬프트 할당 및 재 할당을 용이하게합니다.
- Tailwind CSS 스타일 : Tailwind CSS를 사용하여 깨끗하고 현대적이며 사용자 정의 가능한 스타일.
- 성능을 위해 최적화 : 효율적인 DOM 관찰자를 사용하여 빠르고 반응적인 상호 작용을 통해 더 많은 프롬프트와 카테고리가 추가됨에 따라 성능이 매끄럽게 유지되도록합니다.
- 사용자 기본 설정 : 확장자는 신속한 범주, 프롬프트 순서 및 기타 사용자 정의와 같은 사용자 기본 설정을 저장하여 세션 전체에서 개인화 된 경험을 보장합니다.
새로운 기능과 개선
향상된 검색 기능 : 검색 엔진은 이제보다 유연하고 직관적 인 검색을 지원합니다. 사용자는 공백, 부분 단어 또는 여러 단어 조각이 포함되어 있어도 ID를 검색 할 수 있습니다. 예를 들어, 프롬프트 범주의 이름이 "디자인 패턴"또는 "데이터베이스 통합"이라면 사용자는 이제 다음을 사용하여 검색 할 수 있습니다.
-
Design -
Pat -
Dark -
Code 이것은보다 유연한 일치하는 논리를 기반으로 결과를 좁혀 검색 경험을 향상시킵니다. 드롭 다운은 또한 사용자 쿼리와 가장 가까운 일치를 강조하여 더 빠른 선택을 허용합니다.
개선 된 드롭 다운 동작 : 드롭 다운은 이제 사용자가 입력을 시작할 때 가장 가까운 일치를 지능적으로 호버링하여 'ENTER'를 누르면 최상의 일치를 자동으로 선택합니다. 이를 통해 우연히 관련없는 옵션을 선택하지 않아도됩니다. 또한 드롭 다운은 이제 옵션을 삽입 한 후보다 효율적으로 비활성화하고 삽입 후 커서 배치를 올바르게 처리하여 검색 트리거 키를 방해하지 않도록합니다.
Newline으로 텍스트 서식 : 드롭 다운 메뉴에서 옵션을 선택한 후 삽입 된 텍스트에는 자동으로 Newline이 포함됩니다. 이것은 커서가 새로 삽입 된 텍스트 뒤에서 실수로 뛰어 올라가는 문제를 해결하고 더 부드러운 타이핑 경험을 보장합니다.
사용자 정의 가능한 드롭 다운 활성화 키 : 사용자는 이제 기본 << 대신 드롭 다운 메뉴를 트리거하기 위해 자체 키를 설정할 수 있습니다. 이 사용자 정의는 Extension의 팝업에서 사용할 수 있으므로 다양한 워크 플로에 대한 유연성을 제공합니다.
오류 처리 및 UI 개선 : 확장자는 더 이상 프롬프트, 카테고리 또는 활성화 키에 대한 변경 사항을 저장하기위한 원시 경보 메시지를 표시하지 않습니다. 대신, 알림은 비 침입 및 시각적으로 매력적인 방식으로 표시되어 사용자 경험을 향상시킵니다. 카테고리 ID와 프롬프트 모두에 대한 인라인 편집 기능은 이제 동일한 팝업 창에 있으므로 다른 메뉴 사이에 점프하지 않고 두 요소를 쉽게 수정할 수 있습니다.
향후 개선
- 정제 된 커서 거동 : 여러 프롬프트가 빠르게 추가되는 복잡한 시나리오에서도 프롬프트 삽입 후 커서를 최적으로 배치하는 데 중점을 둡니다.
- 향상된 사용자 인터페이스 : 팝업 메뉴의 설계를 간소화하여 더 직관적 인 프롬프트 및 카테고리 편집을 만들고 침입 경고없이 저장과 같은 작업에 더 나은 시각적 피드백을 추가하십시오.
- 고급 검색 기능 : 오타 공차와 더 큰 프롬프트 라이브러리에 대한 더 나은 지원을 포함하여보다 유연한 일치하는 논리를 처리하기 위해 검색을 계속 개선합니다.
- 권장 시스템 : 사용자 동작을 기반으로 가장 자주 사용되는 프롬프트에 대한 권장 기능을 개선하거나 추가합니다. 이는 속도와 효율성을 극대화하기 위해 사용량을 기준으로 카테고리 및 프롬프트를 자동으로 재주문합니다.
- 디자인 향상 : 드롭 다운, 네이브 바 및 팝업의 디자인을 개선하여 Tailwind CSS를 사용하여보다 세련되고 현대적인 스타일을 추가하여 더 나은 사용자 경험을 제공합니다.
고려해야 할 추가 기능
- 클라우드 동기화 : 사용자가 클라우드 스토리지를 사용하여 여러 장치에서 프롬프트 및 카테고리를 동기화 할 수 있습니다. 이를 통해 사용자 경험이 수동 내보내기/가져 오기가없는 환경에서 일관되게 보장합니다.
- 내보내기 및 가져 오기 프롬프트 : 프롬프트 및 카테고리를 JSON 파일로 내보내는 기능을 추가하여 나중에 확장으로 가져올 수 있습니다. 이는 백업 목적 또는 다른 컬렉션을 다른 사람과 공유하는 데 도움이됩니다.
- 태깅 및 필터링 : 프롬프트를위한 태깅 시스템을 도입하여 사용자가 태그로 필터링하고 검색 할 수 있습니다. 이것은 큰 프롬프트 컬렉션을보다 효율적으로 관리하는 데 도움이 될 수 있습니다.
- 맥락 인식 권장 사항 : 대화의 맥락을 기반으로 유용 할 가능성이 높은 프롬프트를 추천합니다. 이것은 AI 또는 기본 키워드 감지를 활용할 수 있습니다.
- AI 지원 프롬프트 생성 : 공통 구조 또는 이전의 프롬프트를 기반으로 새로운 프롬프트를 만들 때 제안 또는 자동 완성 기능을 사용자에게 제공합니다.
- DARK MODE : Extension의 UI에서 Dark Mode에 대한 지원을 추가하여 저조도 환경에서 작업하는 사용자에게는 시각적으로 편안합니다.
- 다중 플랫폼 지원 : Chatgpt뿐만 아니라 Claude, Gemini 등과 같은 다른 인기있는 AI 플랫폼과도 작동하도록 확장 기능을 확장하십시오. 이를 통해 사용자는 여러 AI 서비스에서 프롬프트를 관리하고 활용하여 Chatgpt 이상의 다양성과 유용성을 향상시킬 수 있습니다.
설치
전제 조건
- node.js (버전 12 이상)
- NPM (노드 패키지 관리자)
앱을 빌드하십시오
확장에 대한 CSS를 구축하려면 다음 명령을 사용하십시오.
종속성 설치 :
Tailwind CSS를 구축하십시오.
용법
- 위의 지침을 사용하여 Extension의 CS를 구축하십시오.
-
chrome://extensions/ 로 탐색하여 연장을 크롬에로드하십시오. - 개발자 모드를 활성화하고 "포장되지 않은로드"를 클릭하여
dist 폴더를 선택하십시오. - 연장은 chatgpt 페이지 (https://chatgpt.com/*)에서 활성화됩니다.
기여
프로젝트 개선을 위해 문제를 열고 풀 요청을 제출하십시오. 코드 청결 및 가독성 측면에서 모범 사례를 따르십시오.
Chatgpt-Smartnavbar로 생산성 향상을 즐기십시오!
