Chatgpt-smartnavbar
O ChatGPT-Smartnavbar é uma extensão do Chrome projetado para otimizar e acelerar o processo de gerenciamento e uso de instruções na plataforma ChatGPT. Ele aprimora a experiência do usuário com recursos como uma barra de navegação interativa, menus suspensos inteligentes para acesso rápido rápido, filtragem dinâmica de opções e navegação eficiente do teclado. A extensão oferece uma interface moderna e intuitiva focada em melhorar a velocidade e a facilidade de criação, organização e recuperação rápidas.
Características
- Dynamic Navbar : adiciona uma barra de navegação interativa e responsiva à interface do usuário do ChatGPT.
- Menu suspenso inteligente : gera dinamicamente um suspensão com base na entrada do usuário após digitar uma chave personalizável (o padrão é
<<
). - Navegação do teclado : navegue pelas opções suspensas usando teclas de seta e selecione com 'Enter'.
- Crie e gerencie instruções : os usuários podem criar seus próprios prompts e salvá -los em categorias personalizadas para acesso rápido.
- Categorias personalizadas para prompts : os usuários podem criar, renomear e excluir suas próprias categorias de prompt. Os avisos podem ser facilmente movidos entre as categorias.
- Gerenciamento rápido : os usuários podem adicionar, editar e excluir instruções em qualquer categoria, tornando a organização uma brisa.
- Atribuição de categoria contínua : facilita a atribuição rápida e a reatribuição entre diferentes categorias com uma interface intuitiva.
- Tailwind CSS Styling : estilo limpo, moderno e personalizável usando CSS com vento de cauda.
- Otimizado para o desempenho : interações rápidas e responsivas usando observadores eficientes DOM, garantindo que o desempenho permaneça suave à medida que mais avisos e categorias são adicionados.
- Preferências do usuário : a extensão salva as preferências do usuário, como categorias rápidas, pedidos imediatos e outras personalizações, garantindo uma experiência personalizada nas sessões.
Novos recursos e melhorias
Funcionalidade de pesquisa aprimorada : o mecanismo de pesquisa agora suporta pesquisas mais flexíveis e intuitivas. Os usuários podem pesquisar IDs, mesmo que contenham espaços, palavras parciais ou vários fragmentos de palavras. Por exemplo, se uma categoria de prompt for nomeada "Padrões de design" ou "integração de banco de dados", os usuários agora podem pesquisar usando:
-
Design
-
Pat
-
Dark
-
Code
Isso melhora a experiência de pesquisa, reduzindo os resultados com base em lógica de correspondência mais flexível. O menu suspenso também destacará a correspondência mais próxima da consulta do usuário, permitindo uma seleção mais rápida.
Comportamento suspenso aprimorado : o suspenso agora passa de maneira inteligente sobre a correspondência mais próxima quando o usuário começa a digitar, para que pressionar 'Enter' selecione a melhor correspondência automaticamente. Isso ajuda a evitar a seleção de opções irrelevantes por acidente. Além disso, o suspensão agora desativa com mais eficiência após a inserção de uma opção e lida adequadamente com a colocação do cursor após a inserção para impedir que ela interfira na tecla Trigger de pesquisa.
Formatação de texto com a Newline : Depois de selecionar uma opção no menu suspenso, o texto inserido agora inclui automaticamente uma nova linha depois dela. Isso resolve o problema em que o cursor pularia erroneamente o texto recém -inserido e garante uma experiência de digitação mais suave.
Chave de ativação suspensa personalizável : os usuários agora podem definir sua própria chave para acionar o menu suspenso em vez do padrão <<
. Essa personalização está disponível no pop -up da extensão, fornecendo mais flexibilidade para diferentes fluxos de trabalho.
Manuseamento de erros e melhorias na interface do usuário : a extensão não mostra mais mensagens de alerta bruto para salvar alterações em solicitações, categorias ou chaves de ativação. Em vez disso, as notificações são mostradas de maneira não intrusiva e visualmente atraente, melhorando a experiência do usuário. O recurso de edição em linha para o ID da categoria e o prompt está agora na mesma janela pop -up, facilitando a modificação dos dois elementos sem pular entre menus diferentes.
Melhorias futuras
- Comportamento refinado do cursor : mais melhorias se concentrarão em garantir que o cursor seja colocado de maneira ideal após a inserção imediata, mesmo em cenários complexos em que vários avisos são adicionados rapidamente.
- Interface do usuário aprimorada : otimize o design do menu pop -up para tornar ainda mais intuitiva a edição rápida e de categoria e adicione melhor feedback visual para ações como salvar sem alertas intrusivos.
- Recursos de pesquisa avançados : continue refinando a pesquisa para lidar com uma lógica correspondente ainda mais flexível, incluindo tolerância a digitação e melhor suporte para bibliotecas rápidas maiores.
- Sistema de Recomendação : Melhore ou adicione um recurso de recomendação para os avisos mais usados com base no comportamento do usuário. Isso reordenará automaticamente as categorias e instruções com base no uso para maximizar a velocidade e a eficiência.
- Aprimoramentos de design : melhore o design do suspensão, da barra de navegação e pop -up, adicionando um estilo mais polido e moderno usando o Tailwind CSS para fornecer uma melhor experiência do usuário.
Recursos adicionais a serem considerados
- Sincronização em nuvem : permita que os usuários sincronizem seus avisos e categorias em vários dispositivos usando o armazenamento em nuvem. Isso garante que a experiência do usuário seja consistente em ambientes sem exportação/importação manual.
- Exportar e importar instruções : Adicione um recurso para exportar prompts e categorias como um arquivo JSON, que pode ser importado de volta à extensão posteriormente. Isso é útil para fins de backup ou para compartilhar coleções rápidas com outras pessoas.
- Etiqueta e filtragem : Introduzir um sistema de marcação para prompts, permitindo que os usuários filtem e pesquisem por tags. Isso pode ajudar a gerenciar grandes coleções de instruções com mais eficiência.
- Recomendações com reconhecimento de contexto : Com base no contexto da conversa, recomende solicitações que provavelmente sejam úteis. Isso pode aproveitar a IA ou a detecção básica de palavras -chave.
- Criação rápida assistida por AI : Forneça aos usuários sugestões ou funcionalidade de preenchimento automático ao criar novos prompts, com base em estruturas comuns ou prompts anteriores que criaram.
- Modo escuro : adicione suporte para um modo escuro na interface do usuário da extensão, tornando-o mais visualmente confortável para os usuários que trabalham em ambientes com pouca luz.
- Suporte de várias plataformas : expanda a funcionalidade da extensão para funcionar não apenas com o ChatGPT, mas também com outras plataformas populares de IA, como Claude, Gêmeos e outros. Isso permitiria que os usuários gerenciem e utilizassem seus avisos em vários serviços de IA, aprimorando a versatilidade e a utilidade além do chatgpt.
Instalação
Pré -requisitos
- Node.js (versão 12 ou superior)
- NPM (Gerenciador de pacotes de nó)
Construa o aplicativo
Para construir o CSS para a extensão, use os seguintes comandos:
Instale dependências:
Construa o Tailwind CSS:
Uso
- Crie o CSS da extensão usando as instruções acima.
- Carregue a extensão no Chrome navegando para
chrome://extensions/
. - Habilite o modo desenvolvedor e clique em "Carregar desconhecido" para selecionar a pasta
dist
. - A extensão estará ativa na página ChatGPT (https://chatgpt.com/*).
Contribuindo
Sinta -se à vontade para abrir problemas e enviar solicitações de puxar para melhorar o projeto. Certifique -se de seguir as melhores práticas em termos de limpeza e legibilidade do código.
Desfrute de produtividade aprimorada com chatgpt-smartnavbar!