Chatppt-smartnavbar
ChatGpt-Smartnavbar est une extension Chrome conçue pour rationaliser et accélérer le processus de gestion et d'utilisation des invites sur la plate-forme ChatGPT. Il améliore l'expérience utilisateur avec des fonctionnalités comme une barre navale interactive, des menus déroulants intelligents pour un accès rapide rapide, un filtrage des options dynamiques et une navigation efficace au clavier. L'extension offre une interface moderne et intuitive axée sur l'amélioration de la vitesse et de la facilité de création, d'organisation et de récupération rapides.
Caractéristiques
- Dynamic Navbar : ajoute un Navbar interactif réactif à l'interface utilisateur de Chatgpt.
- Menu déroulant Smart : génère dynamiquement une liste déroulante basée sur l'entrée utilisateur après avoir tapé une touche personnalisable (par défaut est
<< ). - Navigation du clavier : naviguez dans les options de liste déroulante à l'aide des touches Arrow et sélectionnez avec «Entrée».
- Créer et gérer les invites : les utilisateurs peuvent créer leurs propres invites et les enregistrer dans des catégories personnalisées pour un accès rapide.
- Catégories personnalisées pour les invites : les utilisateurs peuvent créer, renommer et supprimer leurs propres catégories d'invites. Les invites peuvent être facilement déplacées entre les catégories.
- Gestion des invites : les utilisateurs peuvent ajouter, modifier et supprimer les invites dans n'importe quelle catégorie, ce qui fait de l'organisation un jeu d'enfant.
- Affectation de catégorie transparente : facilite l'attribution de l'invite et la réaffectation entre les différentes catégories avec une interface intuitive.
- Style CSS de vent arrière : style propre, moderne et personnalisable à l'aide de CSS de vent arrière.
- Optimisé pour les performances : des interactions rapides et réactives utilisant des observateurs DOM efficaces, garantissant que les performances restent lisses à mesure que davantage d'invites et de catégories sont ajoutées.
- Préférences des utilisateurs : l'extension économise les préférences des utilisateurs telles que les catégories rapides, l'ordre rapide et d'autres personnalisations, assurant une expérience personnalisée à travers les sessions.
Nouvelles fonctionnalités et améliorations
Fonctionnalité de recherche améliorée : le moteur de recherche prend désormais en charge les recherches plus flexibles et intuitives. Les utilisateurs peuvent rechercher des ID même s'ils contiennent des espaces, des mots partiels ou plusieurs fragments de mots. Par exemple, si une catégorie d'invite est nommée "modèles de conception" ou "intégration de base de données", les utilisateurs peuvent désormais rechercher en utilisant:
-
Design -
Pat -
Dark -
Code Cela améliore l'expérience de recherche en rétrécissant les résultats en fonction de la logique de correspondance plus flexible. La liste déroulante mettra également en évidence la correspondance la plus proche de la requête de l'utilisateur, permettant une sélection plus rapide.
Amélioration du comportement déroulant : la liste déroulante oscille désormais intelligemment sur la correspondance la plus proche lorsque l'utilisateur commence à taper, de sorte que l'appuyer sur «Entrée» sélectionne automatiquement la meilleure correspondance. Cela permet d'éviter de sélectionner des options non pertinentes par accident. De plus, la liste déroulante désactive désormais plus efficacement une fois une option insérée et gère correctement le placement du curseur après insertion pour l'empêcher d'interférer avec la clé de déclenchement de recherche.
Formatage du texte avec Newline : Après avoir sélectionné une option dans le menu déroulant, le texte inséré comprend désormais automatiquement une nouvelle ligne après. Cela résout le problème où le curseur sauterait à tort derrière le texte nouvellement inséré et assure une expérience de dactylographie plus fluide.
Clé d'activation de liste déroulante personnalisable : les utilisateurs peuvent désormais définir leur propre touche pour déclencher le menu déroulant au lieu de la valeur par défaut << . Cette personnalisation est disponible dans la fenêtre contextuelle de l'extension, offrant plus de flexibilité pour différents workflows.
Gestion des erreurs et améliorations de l'interface utilisateur : l'extension ne montre plus de messages d'alerte bruts pour enregistrer les modifications des invites, des catégories ou des clés d'activation. Au lieu de cela, les notifications sont présentées de manière non intrusive et visuellement attrayante, améliorant l'expérience utilisateur. La fonction d'édition en ligne pour l'ID de catégorie et l'invite est désormais dans la même fenêtre contextuelle, ce qui facilite la modification des deux éléments sans sauter entre différents menus.
Améliorations futures
- Comportement raffiné du curseur : d'autres améliorations se concentreront sur la garantie que le curseur est placé de manière optimale après insertion rapide, même dans des scénarios complexes où plusieurs invites sont ajoutées rapidement.
- Interface utilisateur améliorée : rationalisez la conception du menu contextuel pour rendre l'édition d'invite et de catégorie encore plus intuitive et ajouter de meilleures commentaires visuels pour des actions telles que la sauvegarde sans alertes intrusives.
- Capacités de recherche avancées : Continuez à affiner la recherche pour gérer une logique de correspondance encore plus flexible, y compris la tolérance de la faute de frappe et une meilleure prise en charge des bibliothèques invites plus grandes.
- Système de recommandation : améliorez ou ajoutez une fonction de recommandation pour les invites les plus fréquemment utilisées en fonction du comportement de l'utilisateur. Cela réorganisera automatiquement les catégories et les invites en fonction de l'utilisation pour maximiser la vitesse et l'efficacité.
- Améliorations de conception : améliorez la conception de la liste déroulante, Navbar et de la popup, ajoutant un style plus poli et moderne en utilisant CSS Tailwind pour offrir une meilleure expérience utilisateur.
Fonctionnalités supplémentaires à considérer
- Synchronisation cloud : permettez aux utilisateurs de synchroniser leurs invites et catégories sur plusieurs périphériques à l'aide du stockage cloud. Cela garantit que l'expérience utilisateur est cohérente dans les environnements sans exportation / importation manuelle.
- Invites d'exportation et d'importation : ajoutez une fonctionnalité pour exporter des invites et des catégories en tant que fichier JSON, qui peut être importé dans l'extension ultérieurement. Ceci est utile à des fins de sauvegarde ou pour partager des collections rapides avec d'autres.
- Tagging et filtrage : introduire un système de balise pour les invites, permettant aux utilisateurs de filtrer et de rechercher par des balises. Cela pourrait aider à gérer de grandes collections d'invites plus efficacement.
- Recommandations contextuelles : En fonction du contexte de la conversation, recommandez des invites susceptibles d'être utiles. Cela pourrait tirer parti de l'IA ou de la détection de mots clés de base.
- Création d'invites assistée par AI : Fournissez aux utilisateurs des suggestions ou des fonctionnalités de réduction automatique lors de la création de nouvelles invites, en fonction des structures courantes ou des invites précédentes qu'ils ont créées.
- Mode sombre : ajoutez la prise en charge d'un mode sombre dans l'interface utilisateur de l'extension, ce qui le rend plus confortable visuellement pour les utilisateurs travaillant dans des environnements à faible luminosité.
- Prise en charge multi-plateaux : élargissez la fonctionnalité de l'extension pour fonctionner non seulement avec ChatGpt mais aussi avec d'autres plateformes d'IA populaires telles que Claude, Gemini et autres. Cela permettrait aux utilisateurs de gérer et d'utiliser leurs invites sur plusieurs services d'IA, d'améliorer la polyvalence et l'utilité au-delà de Chatgpt.
Installation
Condition préalable
- Node.js (version 12 ou supérieure)
- NPM (gestionnaire de packages de nœuds)
Créer l'application
Pour construire le CSS pour l'extension, utilisez les commandes suivantes:
Installez les dépendances:
Construisez le vent arrière CSS:
Usage
- Construisez le CSS de l'extension en utilisant les instructions ci-dessus.
- Chargez l'extension dans Chrome en naviguant vers
chrome://extensions/ . - Activez le mode développeur et cliquez sur "Chargement déballé" pour sélectionner le dossier
dist . - L'extension sera active sur la page Chatgpt (https://chatgpt.com/*).
Contributif
N'hésitez pas à ouvrir des problèmes et à soumettre des demandes de traction pour améliorer le projet. Assurez-vous de suivre les meilleures pratiques en termes de propreté et de lisibilité du code.
Profitez d'une productivité améliorée avec Chatgpt-Smartnavbar!
