Chatgpt-Smartnavbar
Chatgpt-Smartnavbar ist eine Chrome-Erweiterung, mit der der Prozess der Verwaltung und Verwendung von Eingabeaufforderungen auf der ChatGPT-Plattform gestaltet und beschleunigt wird. Es verbessert das Benutzererlebnis mit Funktionen wie einer interaktiven Navigationsleiste, intelligenten Dropdown -Menüs für schnelle Eingabeaufforderung, dynamische Optionsfilterung und effiziente Tastaturnavigation. Die Erweiterung bietet eine moderne, intuitive Schnittstelle, die sich auf die Verbesserung der Geschwindigkeit und einfachen Erstellung, Organisation und Abruf konzentriert.
Merkmale
- Dynamische Navigationsleiste : Fügt der UI von Chatgpt eine reaktionsschnelle, interaktive Navigation hinzu.
- Smart Dropdown -Menü : Generiert dynamisch einen Dropdown -Unternehmen basierend auf der Benutzereingabe nach dem Eingeben eines anpassbaren Schlüssels (Standard ist
<< ). - Tastaturnavigation : Navigieren Sie mit Arrow -Tasten durch Dropdown -Optionen und wählen Sie mit 'ENTER'.
- Erstellen und Verwalten von Eingabeaufforderungen : Benutzer können ihre eigenen Eingabeaufforderungen erstellen und in benutzerdefinierten Kategorien speichern, um einen schnellen Zugriff zu erhalten.
- Benutzerdefinierte Kategorien für Eingabeaufforderungen : Benutzer können ihre eigenen Eingabeaufforderung Kategorien erstellen, umbenennen und löschen. Eingabeaufforderungen können leicht zwischen Kategorien verschoben werden.
- Eingabeaufforderung : Benutzer können Eingabeaufforderungen in jeder Kategorie hinzufügen, bearbeiten und löschen, wodurch die Organisation zum Kinderspiel gemacht wird.
- Nahlose Kategoriezuweisung : Erleichtert die Eingabeaufforderung und Neuzuweisung zwischen verschiedenen Kategorien mit einer intuitiven Schnittstelle.
- Rückenwind -CSS -Styling : saubere, moderne und anpassbare Styling unter Verwendung von Tailwind CSS.
- Optimiert für die Leistung : schnelle und reaktionsschnelle Interaktionen mit effizienten DOM -Beobachtern, um sicherzustellen, dass die Leistung reibungslos bleibt, wenn weitere Eingabeaufforderungen und Kategorien hinzugefügt werden.
- Benutzereinstellungen : Die Erweiterung speichert Benutzerpräferenzen wie Eingabeaufforderung Kategorien, sofortige Reihenfolge und andere Anpassungen, um ein personalisiertes Erlebnis über die Sitzungen hinweg sicherzustellen.
Neue Funktionen und Verbesserungen
Verbesserte Suchfunktionen : Die Suchmaschine unterstützt jetzt flexiblere und intuitivere Suchvorgänge. Benutzer können nach IDs suchen, auch wenn sie Räume, Teilwörter oder mehrere Wortfragmente enthalten. Wenn beispielsweise eine Eingabeaufforderungskategorie "Designmuster" oder "Datenbankintegration" heißt, können Benutzer jetzt mit:
-
Design -
Pat -
Dark -
Code Dies verbessert das Sucherlebnis, indem die Ergebnisse auf der Grundlage einer flexibleren Übereinstimmungslogik einbezogen werden. Der Dropdown wird auch die am nächsten liegende Übereinstimmung mit der Abfrage des Benutzers hervorheben und eine schnellere Auswahl ermöglichen.
Verbessertes Dropdown -Verhalten : Die Dropdown -Adresse ist jetzt intelligent über die nächste Übereinstimmung, wenn der Benutzer mit dem Eingeben beginnt, sodass das Drücken von 'Enter' automatisch die beste Übereinstimmung ausgewählt wird. Dies hilft zu vermeiden, irrelevante Optionen aus Versehen auszuwählen. Darüber hinaus deaktiviert der Dropdown nun effizienter, nachdem eine Option eingefügt wurde, und behandelt die Cursor -Platzierung nach dem Einsetzen ordnungsgemäß, um zu verhindern, dass sie den Suchauslöserschlüssel beeinträchtigt.
Textformatierung mit Newline : Nach der Auswahl einer Option aus dem Dropdown -Menü enthält der eingefügte Text nun automatisch eine neue Zeile danach. Dies löst das Problem, bei dem der Cursor fälschlicherweise hinter dem neu eingefügten Text springen würde, und sorgt für ein reibungsloseres Schreiberlebnis.
Anpassbarer Dropdown -Aktivierungsschlüssel : Benutzer können jetzt ihren eigenen Schlüssel festlegen, um das Dropdown -Menü anstelle des Standards << auszulösen. Diese Anpassung ist im Popup der Erweiterung verfügbar und bietet mehr Flexibilität für verschiedene Arbeitsabläufe.
Fehlerbehebung und UI -Verbesserungen : Die Erweiterung zeigt keine RAW -Alarmmeldungen mehr zum Speichern von Änderungen an Eingabeaufforderungen, Kategorien oder Aktivierungsschlüssel. Stattdessen werden Benachrichtigungen nicht intrusiv und visuell ansprechend angezeigt und die Benutzererfahrung verbessert. Die Inline -Bearbeitungsfunktion sowohl für die Kategorie -ID als auch für die Eingabeaufforderung befindet sich jetzt im selben Popup -Fenster, sodass beide Elemente, ohne zwischen verschiedenen Menüs zu springen, zu ändern.
Zukünftige Verbesserungen
- Verfeinertes Cursorverhalten : Weitere Verbesserungen konzentrieren sich darauf, sicherzustellen, dass der Cursor nach der sofortigen Insertion optimal platziert wird, selbst in komplexen Szenarien, in denen schnell mehrere Eingabeaufforderungen hinzugefügt werden.
- Verbesserte Benutzeroberfläche : Stürzen Sie das Design des Popup -Menüs, um die Eingabeaufforderung und die Kategorie noch intuitiver zu gestalten und bessere visuelle Feedback für Aktionen wie das Speichern ohne aufdringliche Warnungen hinzuzufügen.
- Erweiterte Suchfunktionen : Führen Sie die Suche fort, um eine noch flexiblere passende Logik zu verarbeiten, einschließlich Tipulations -Toleranz und besserer Unterstützung für größere schnelle Bibliotheken.
- Empfehlungssystem : Verbesserung oder fügen Sie eine Empfehlungsfunktion für die am häufigsten verwendeten Eingabeaufforderungen zu verbessern oder basierend auf dem Benutzerverhalten. Dadurch wird die Kategorien und Eingabeaufforderungen automatisch nach der Verwendung neu angeordnet, um Geschwindigkeit und Effizienz zu maximieren.
- Designverbesserungen : Verbesserung des Designs von Dropdown, Navi und Popup und fügt einen polierteren und modernen Stil mit dem Rückenwind -CSS hinzu, um ein besseres Benutzererlebnis zu bieten.
Zusätzliche Funktionen zu berücksichtigen
- Cloud -Synchronisierung : Ermöglichen Sie den Benutzern, ihre Eingabeaufforderungen und Kategorien über mehrere Geräte hinweg mit dem Cloud -Speicher zu synchronisieren. Dies stellt sicher, dass die Benutzererfahrung in allen Umgebungen ohne manuellen Export/Import konsistent ist.
- Eingabe- und Importaufforderungen : Fügen Sie eine Funktion hinzu, um Eingabeaufforderungen und Kategorien als JSON -Datei zu exportieren, die später in die Erweiterung zurück importiert werden können. Dies ist hilfreich für Sicherungszwecke oder für die Freigabe von Eingabeaufentwicklungskollektionen mit anderen.
- Tagging und Filterung : Führen Sie ein Tagging -System für Eingabeaufforderungen ein, mit der Benutzer nach Tags filtern und suchen können. Dies könnte dazu beitragen, große Sammlungen von Eingabeaufforderungen effizienter zu verwalten.
- Kontextbewusste Empfehlungen : Basierend auf dem Kontext der Konversation empfehlen Aufforderungen, die wahrscheinlich nützlich sind. Dies könnte die KI oder die grundlegende Keyword -Erkennung nutzen.
- AI-unterstützte schnelle Erstellung : Benutzern Sie den Benutzern Vorschläge oder automatische Funktionen, wenn Sie neue Eingabeaufforderungen erstellen, basierend auf gemeinsamen Strukturen oder früheren Eingabeaufforderungen, die sie erstellt haben.
- Dunkler Modus : Fügen Sie Unterstützung für einen dunklen Modus in der Benutzeroberfläche der Erweiterung hinzu, sodass Benutzer, die in Umgebungen mit schlechten Lichtverhältnissen arbeiten, optisch bequemer ist.
- Multi-Plattform-Unterstützung : Erweitern Sie die Funktionalität der Erweiterung, nicht nur mit ChatGPT, sondern auch mit anderen beliebten KI-Plattformen wie Claude, Gemini und anderen zu arbeiten. Auf diese Weise können Benutzer ihre Eingabeaufforderungen für mehrere KI -Dienste verwalten und nutzen, wodurch die Vielseitigkeit und Nützlichkeit über ChatGPT hinaus verbessert werden.
Installation
Voraussetzungen
- Node.js (Version 12 oder höher)
- NPM (Knotenpaketmanager)
Erstellen Sie die App
Verwenden Sie die folgenden Befehle, um die CSS für die Erweiterung zu erstellen:
Abhängigkeiten installieren:
Bauen Sie das Rückenwind -CSS:
Verwendung
- Erstellen Sie die CSS der Erweiterung mit den oben genannten Anweisungen.
- Laden Sie die Erweiterung in Chrom, indem Sie zu
chrome://extensions/ . - Aktivieren Sie den Entwicklermodus und klicken Sie auf "Auspacken", um den
dist -Ordner auszuwählen. - Die Erweiterung ist auf der Chatgpt -Seite (https://chatgpt.com/*) aktiv.
Beitragen
Fühlen Sie sich frei, Probleme zu öffnen und Pull -Anfragen zur Verbesserung des Projekts einzureichen. Vergewissern Sie sich, dass Sie Best Practices in Bezug auf die Sauberkeit und Lesbarkeit von Code befolgen.
Genießen Sie eine verbesserte Produktivität mit Chatgpt-Smartnavbar!
