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享受提高生产力！