ChatGPT SmartNavbar

chatgpt-smartnavbar

Chatgpt-Smartnavbar是一種鍍鉻擴展，旨在簡化和加速Chatgpt平台上的管理和使用提示的過程。它可以通過交互式NAVBAR，智能下拉菜單等功能來增強用戶體驗，以快速及時訪問，動態選項過濾和有效的鍵盤導航。該擴展名提供了一個現代，直觀的界面，旨在提高及時創建，組織和檢索的速度和易度性。

特徵

• 動態Navbar ：在Chatgpt的UI中添加了一個響應式，交互式的Navbar。
• 智能下拉菜單：鍵入可自定義密鑰後，基於用戶輸入動態生成下拉菜單（默認值為<< ）。
• 鍵盤導航：使用箭頭鍵瀏覽下拉選項，然後選擇“ Enter”。
• 創建和管理提示：用戶可以創建自己的提示，並將其保存到自定義類別中以快速訪問。
• 提示的自定義類別：用戶可以創建，重命名和刪除自己的提示類別。提示可以在類別之間輕鬆移動。
• 提示管理：用戶可以在任何類別中添加，編輯和刪除提示，從而使組織變得輕而易舉。
• 無縫類別分配：促進具有直觀界面的不同類別之間的提示分配和重新分配。
• Tailwind CSS樣式：使用尾風CSS清潔，現代和可定制的樣式。
• 對性能進行了優化：使用有效的DOM觀察者快速響應的互動，以確保在添加更多提示和類別時保持性能保持光滑。
• 用戶首選項：擴展名保存了用戶首選項，例如及時類別，及時訂單和其他自定義，從而確保了跨會話的個性化體驗。

新功能和改進

• 增強的搜索功能：搜索引擎現在支持更靈活和直觀的搜索。用戶可以搜索ID，即使它們包含空格，部分單詞或多個單詞片段。例如，如果提示類別命名為“設計模式”或“數據庫集成”，則用戶現在可以使用以下方式進行搜索：

  • Design
  • Pat
  • Dark
  • Code通過基於更靈活的匹配邏輯來縮小結果來改善搜索體驗。下拉列表還將突出顯示與用戶查詢最接近的匹配，從而可以更快地選擇。

• 改進的下拉行為：現在下拉列表在用戶開始鍵入時智能徘徊在最接近的匹配中，因此按“ Enter”會自動選擇最佳匹配。這有助於避免偶然選擇無關緊要的選擇。此外，插入選項後，下拉菜單現在更有效地停用，並在插入後正確處理光標放置，以防止其乾擾搜索觸發鍵。

• 使用newline進行文本格式：從“下拉菜單”中選擇一個選項後，插入的文本現在自動包含newline之後。這解決了光標會錯誤地跳到新插入的文本的問題，並確保了更流暢的打字體驗。

• 可自定義的下拉式激活密鑰：用戶現在可以設置自己的密鑰來觸發下拉菜單，而不是默認<< 。該自定義可在擴展的彈出窗口中獲得，為不同的工作流提供了更大的靈活性。

• 錯誤處理和UI改進：擴展名不再顯示原始警報消息，以將更改為提示，類別或激活密​​鑰保存。取而代之的是，通知以非侵入性，視覺吸引力的方式顯示，從而改善了用戶體驗。現在，類別ID和提示的內聯編輯功能現在位於同一彈出窗口中，使得更容易修改兩個元素而不跳動不同菜單之間的元素。

未來的改進

• 精緻的光標行為：進一步的改進將集中在確保迅速插入後最佳放置光標，即使在迅速添加多個提示的複雜場景中。
• 改進的用戶界面：簡化彈出菜單的設計，以使提示和類別編輯更加直觀，並為諸如保存而無需侵入警報的操作添加更好的視覺反饋。
• 高級搜索功能：繼續完善搜索以處理更靈活的匹配邏輯，包括錯字公差和更好地支持更大的及時庫。
• 建議系統：根據用戶行為改進或添加最常用提示的推薦功能。這將根據用法自動重新排序類別和提示，以最大化速度和效率。
• 設計增強功能：改進下拉菜單，Navbar和彈出窗口的設計，並使用Tailwind CSS添加了更精美和現代的風格，以提供更好的用戶體驗。

需要考慮的其他功能

• 云同步：允許用戶使用雲存儲在多個設備上同步他們的提示和類別。這樣可以確保沒有手動導出/導入的環境之間的用戶體驗是一致的。
• 導出和導入提示：將功能添加到導出提示和類別作為JSON文件中，稍後可以將其導入到擴展名中。這有助於備份目的或與他人共享及時收集。
• 標記和過濾：為提示引入標記系統，允許用戶通過標籤過濾和搜索。這可以幫助更有效地管理大量提示。
• 上下文感知的建議：基於對話的上下文，建議可能有用的提示。這可以利用AI或基本關鍵字檢測。
• AI輔助及時創建：創建新提示時，基於他們創建的常見結構或以前的提示，為用戶提供建議或自動完成功能。
• 黑暗模式：添加對擴展UI中的暗模式的支持，使其在弱光環境中工作的用戶在視覺上更舒適。
• 多平台支持：將擴展功能擴展功能不僅與Chatgpt一起工作，還可以與其他流行的AI平台（例如Claude，Gemini等）一起使用。這將使用戶能夠在多個AI服務中管理和利用他們的提示，從而增強了Chatgpt以外的多功能性和實用性。

安裝

先決條件

• node.js（版本12或更高版本）
• NPM（節點軟件包管理器）

構建應用程序

要為擴展程序構建CSS，請使用以下命令：

1. 安裝依賴項：

   npm install

2. 構建尾風CSS：

   npm run build

用法

1. 使用上述說明構建擴展名CSS。
2. 通過導航到chrome://extensions/ 。
3. 啟用開發人員模式，然後單擊“加載打開包裝”以選擇dist文件夾。
4. 該擴展名將在ChatGpt頁面（https://chatgpt.com/*）上處於活動狀態。

貢獻

隨時開放問題並提交拉動請求以改進項目。確保在代碼清潔和可讀性方面遵循最佳實踐。

---

使用Chatgpt-Smartnavbar享受提高的生產力！