Chatgpt-smartnavbar
ChatGPT-Smartnavbar es una extensión de Chrome diseñada para optimizar y acelerar el proceso de administración y utilizar las indicaciones en la plataforma CHATGPT. Mejora la experiencia del usuario con características como una barra de navegación interactiva, menús de desplegable inteligente para un acceso rápido, filtrado de opciones dinámicas y navegación eficiente del teclado. La extensión ofrece una interfaz moderna e intuitiva centrada en mejorar la velocidad y la facilidad de la rápida creación, organización y recuperación.
Características
- Navbar Dynamic : agrega una barra de navegación interactiva e interactiva a la interfaz de usuario de Chatgpt.
- Menú desplegable inteligente : genera dinámicamente un menú desplegable basado en la entrada del usuario después de escribir una clave personalizable (el valor predeterminado es
<< ). - Navegación del teclado : navegue a través de opciones desplegables usando las teclas de flecha y seleccione con 'Enter'.
- Crear y administrar indicaciones : los usuarios pueden crear sus propias indicaciones y guardarlas en categorías personalizadas para un acceso rápido.
- Categorías personalizadas para indicaciones : los usuarios pueden crear, cambiar el nombre y eliminar sus propias categorías de inmediato. Las indicaciones se pueden mover fácilmente entre categorías.
- Administración adicional : los usuarios pueden agregar, editar y eliminar las indicaciones en cualquier categoría, lo que hace que la organización sea muy fácil.
- Asignación de categoría perfecta : facilita la asignación y reasignación de inmediato entre diferentes categorías con una interfaz intuitiva.
- Estilización CSS de viento de cola : estilo limpio, moderno y personalizable con CSS de viento de cola.
- Optimizado para el rendimiento : interacciones rápidas y receptivas que utilizan observadores de DOM eficientes, asegurando que el rendimiento permanezca sin problemas a medida que se agregan más indicaciones y categorías.
- Preferencias del usuario : la extensión guarda las preferencias del usuario, como categorías de inmediato, pedido inmediato y otras personalizaciones, asegurando una experiencia personalizada en todas las sesiones.
Nuevas características y mejoras
Funcionalidad de búsqueda mejorada : el motor de búsqueda ahora admite búsquedas más flexibles e intuitivas. Los usuarios pueden buscar identificaciones incluso si contienen espacios, palabras parciales o fragmentos de múltiples palabras. Por ejemplo, si una categoría rápida se llama "Patrones de diseño" o "Integración de la base de datos", los usuarios ahora pueden buscar usando:
-
Design -
Pat -
Dark -
Code Esto mejora la experiencia de búsqueda reduciendo los resultados basados en una lógica de correspondencia más flexible. El menú desplegable también resaltará la coincidencia más cercana a la consulta del usuario, lo que permite una selección más rápida.
Comportamiento desplegable mejorado : el menú desplegable ahora se cierne de manera inteligente sobre la coincidencia más cercana cuando el usuario comienza a escribir, de modo que presionar 'Enter' selecciona la mejor coincidencia automáticamente. Esto ayuda a evitar seleccionar opciones irrelevantes por accidente. Además, el menú desplegable ahora se desactiva de manera más eficiente después de insertar una opción, y maneja correctamente la colocación del cursor después de la inserción para evitar que interfiera con la tecla de activación de búsqueda.
Formato de texto con Newline : después de seleccionar una opción en el menú desplegable, el texto insertado ahora incluye automáticamente una nueva línea después. Esto resuelve el problema en el que el cursor saltaría por error detrás del texto recién insertado y garantiza una experiencia de escritura más suave.
Clave de activación desplegable personalizable : ahora los usuarios pueden configurar su propia clave para activar el menú desplegable en lugar del predeterminado << . Esta personalización está disponible en la ventana emergente de la extensión, proporcionando más flexibilidad para diferentes flujos de trabajo.
Manejo de errores y mejoras en la interfaz de usuario : la extensión ya no muestra mensajes de alerta sin procesar para guardar cambios en las indicaciones, categorías o claves de activación. En cambio, las notificaciones se muestran de manera no intrusiva y visualmente atractiva, mejorando la experiencia del usuario. La función de edición en línea tanto para la ID de categoría como para el aviso ahora está en la misma ventana emergente, lo que hace que sea más fácil modificar ambos elementos sin saltar entre diferentes menús.
Mejoras futuras
- Comportamiento del cursor refinado : más mejoras se centrarán en garantizar que el cursor se coloque de manera óptima después de la inserción rápida, incluso en escenarios complejos donde se agregan rápidamente múltiples indicaciones.
- Interfaz de usuario mejorada : agilice el diseño del menú emergente para hacer que la edición rápida y de categoría sea aún más intuitiva, y agregue mejores comentarios visuales para acciones como guardar sin alertas intrusivas.
- Capacidades de búsqueda avanzada : Continúe refinando la búsqueda para manejar una lógica de correspondencia aún más flexible, incluida la tolerancia a los errores tipográficos y un mejor soporte para bibliotecas más grandes.
- Sistema de recomendación : Mejore o agregue una función de recomendación para las indicaciones más utilizadas basadas en el comportamiento del usuario. Esto reordenará automáticamente categorías e indicaciones en función del uso para maximizar la velocidad y la eficiencia.
- Mejoras del diseño : Mejore el diseño del menú desplegable, Navbar y PopUp, agregando un estilo más pulido y moderno utilizando CSS Tailwind para proporcionar una mejor experiencia de usuario.
Características adicionales a considerar
- Sincronización en la nube : permita a los usuarios sincronizar sus indicaciones y categorías en múltiples dispositivos utilizando el almacenamiento en la nube. Esto asegura que la experiencia del usuario sea consistente en todos los entornos sin exportación/importación manual.
- Información de exportación e importación : agregue una función para exportar indicaciones y categorías como un archivo JSON, que se puede importar nuevamente a la extensión más adelante. Esto es útil para fines de copia de seguridad o para compartir colecciones rápidas con otros.
- Etiquetado y filtrado : introduzca un sistema de etiquetado para indicaciones, lo que permite a los usuarios filtrar y buscar por etiquetas. Esto podría ayudar a administrar grandes colecciones de indicaciones de manera más eficiente.
- Recomendaciones conscientes del contexto : según el contexto de la conversación, recomiende indicaciones que probablemente sean útiles. Esto podría aprovechar la IA o la detección básica de palabras clave.
- Creación rápida asistida por AI : proporcione a los usuarios sugerencias o funcionalidad automáticamente completa al crear nuevas indicaciones, basadas en estructuras comunes o indicaciones anteriores que han creado.
- Modo oscuro : agregue soporte para un modo oscuro en la interfaz de usuario de la extensión, lo que lo hace más cómodo para los usuarios que trabajan en entornos de poca luz.
- Soporte multiplataforma : expandir la funcionalidad de la extensión para trabajar no solo con ChatGPT sino también con otras plataformas de IA populares como Claude, Gemini y otros. Esto permitiría a los usuarios administrar y utilizar sus indicaciones en múltiples servicios de IA, mejorando la versatilidad y la utilidad más allá de ChatGPT.
Instalación
Requisitos previos
- Node.js (versión 12 o superior)
- NPM (Administrador de paquetes de nodo)
Construir la aplicación
Para construir el CSS para la extensión, use los siguientes comandos:
Instalar dependencias:
Construye el viento de cola CSS:
Uso
- Construya el CSS de la extensión utilizando las instrucciones anteriores.
- Cargue la extensión en Chrome navegando a
chrome://extensions/ . - Habilite el modo de desarrollador y haga clic en "Cargar desempaquetado" para seleccionar la carpeta
dist . - La extensión estará activa en la página CHATGPT (https://chatgpt.com/*).
Que contribuye
No dude en abrir problemas y enviar solicitudes de extracción para mejorar el proyecto. Asegúrese de seguir las mejores prácticas en términos de limpieza y legibilidad de código.
¡Disfrute de una productividad mejorada con chatgpt-smartnavbar!
