Programación de IA: desarrollé mi primera extensión de Chrome – GPTBLOX

Descubra cómo la codificación mediante IA condujo al lanzamiento de mi extensión de Chrome que ofrece funciones como el protector ChatGPT y la gestión web. Explore el enfoque de programación ChatGPT.

Introducción

Hola a todos, soy Yi Tao, un desarrollador con algo de experiencia en codificación pero que se puede mejorar. Con la ayuda de ChatGPT, pude desarrollar y lanzar una extensión de Chrome en menos de dos semanas que tal vez no hubiera podido terminar por mi cuenta en unos meses. También publiqué cinco actualizaciones en breve. La extensión tiene ahora casi 1.000 usuarios sin mucho marketing.

Enlace de extensión: GPTBLOX – Datos guardados de ChatGPT/Bard Claude Saver

¿Cómo se desarrolló la extensión de Chrome utilizando la codificación ChatGPT?

Esta es una extensión escrita exclusivamente por ChatGPT. No tuve que escribir ni una sola línea de código. Simplemente conversando con ChatGPT, comencé obteniendo el contenido HTML de la página web actual, guardando el código en un archivo TXT, procesando y optimizando el contenido HTML obtenido antes de guardarlo, y guardándolo como archivos HTML, archivos PDF e imágenes PNG. Finalmente, lo modifiqué en 18 versiones de idiomas. Durante el desarrollo de la primera versión, hubo muchas dificultades y malentendidos entre ChatGPT y yo, pero finalmente los superamos gracias a mi guía y la incansable cooperación de ChatGPT.

¿Por qué elegir la programación de IA para GPTBLOX?

Quería resolver una necesidad para mí y para mis amigos: las cuentas de ChatGPT eran prohibidas con frecuencia y esperábamos guardar nuestros registros de chat de ChatGPT de una mejor manera. Esta extensión ayuda a todos a guardar sus conversaciones de ChatGPT en su propia computadora con un solo clic. La cuenta no tiene valor, pero tus registros de entrenamiento e inspiración creativa con ChatGPT no tienen precio.

Historial de versiones creado mediante codificación AI

Versión 1.0.0

Implemente la funcionalidad para guardar el historial de conversaciones de ChatGPT en múltiples formatos de archivo, como HTML, TXT, PNG y PDF, localmente en la computadora. No es necesario compartir ni guardar la conversación en línea, lo que mitiga las preocupaciones sobre fugas de datos. Además, integre una API de complemento de WordPress con ChatGPT, lo que permitirá que la extensión de Chrome cargue artículos específicos o envíe notificaciones desde sitios remotos de WordPress.

Versión 1.1.0

Introduzca funciones de administración para enlaces de conversación de ChatGPT, como agrupar, arrastrar, editar y eliminar. Permita que estos enlaces de conversación se administren de diferentes maneras en la página de la extensión y admita configuraciones sobre cómo se muestran los grupos, así como funcionalidades de importación/exportación para enlaces agrupados.

Versión 1.2.0

Agregue funcionalidad para guardar conversaciones de Bard, Claude y HuggingChat en múltiples formatos de archivo como HTML, TXT, PNG y PDF, almacenados localmente en la computadora.

Versión 1.3.0

Habilite el guardado de artículos de sitios web basados en WordPress en múltiples formatos de archivo, como HTML, TXT y PDF, almacenados localmente. Esto allana el camino para agregar y administrar páginas web y enlaces de conversación en la próxima versión. Las opciones de personalización también deberían estar disponibles para otros sitios web, especificando dominios, títulos y contenidos para guardar en archivos HTML, TXT y PDF.

Versión 1.4.0

Permitir guardar el enlace de la página web actual o agregar todos los enlaces de la página desde la ventana actual del navegador a una interfaz de administración de la página web. Admite funcionalidades como arrastrar y mover de forma flexible, agregar, editar, eliminar, bloquear y volver a abrir. También pueden estar disponibles opciones para configurar el estilo de visualización de la interfaz de administración de la página web, ya sea como flujo de arriba hacia abajo o en cascada. Además, admite configuraciones para 1, 2, 3 o 4 columnas para administrar grupos de páginas web e implementar funcionalidades de importación/exportación para grupos de páginas web y enlaces.

Versión 1.5.0

Incluya funciones para guardar conversaciones del sitio web oficial de Claude en múltiples formatos de archivo como HTML, TXT, PNG y PDF, almacenados localmente. Además, mejore la función de guardar conversaciones de ChatGPT para incluir instrucciones predefinidas de Instrucciones personalizadas en el historial de conversaciones guardadas.

Planes futuros para GPTBLOX

• Agregue la capacidad de guardar registros de chat y contenido de páginas web en sitios web de Notion, Evernote y WordPress.
• Optimice aún más las funciones relacionadas con la recopilación y administración de páginas web, especialmente en términos de experiencia del usuario. Necesitamos aprender más de la extensión Onetab.
• Considere procesar y optimizar aún más el contenido de la página web guardada, incluido, entre otros, resumir y perfeccionar el contenido a través de la interfaz de OpenAI.

Estrategias de programación de ChatGPT

Salida paso a paso

Deje que ChatGPT escriba código en archivos o módulos según los pasos. Por ejemplo, primero determine los archivos necesarios y luego deje que ChatGPT genere el código por separado para cada archivo. Esto puede reducir el riesgo de desviación de la lógica contextual.

Pequeño punto de entrada

El punto de entrada al proyecto debe ser lo más pequeño posible, lo suficientemente pequeño como para que ChatGPT pueda generar una versión inicial completa y útil. Si hay problemas con la versión inicial, el código limitado y el alcance de las funciones facilitan la corrección tanto para ChatGPT como para los humanos.

Módulos mínimos

Aísle el código que necesita modificarse o agregarse y proporcione a ChatGPT solo el fragmento de código más pequeño posible cada vez. Esto minimiza las posibilidades de desviaciones lógicas.

Confirmación de código

Antes de agregar nuevas funciones o lógica, inicie una nueva ventana de conversación y vuelva a ingresar los requisitos del proyecto y el código relevante en ChatGPT para su confirmación. Una vez confirmado, continúe con el desarrollo de nuevas funciones.

Especificar código

Si ChatGPT produce código con inconsistencias debido a limitaciones de memoria contextual, vuelva a enviar el código relevante y haga que ChatGPT realice modificaciones basadas en el código más reciente.

Orientación profunda

Cuando varias conversaciones no logran resolver los problemas, profundice en los requisitos funcionales y el código específicos. Proporcione la orientación necesaria a ChatGPT según su propia experiencia.

Problemas de autocomprobación

Si el problema persiste después de varias conversaciones, guíe a ChatGPT para que agregue registros de la consola para depurar el código. Proporcione los resultados del tiempo de ejecución del programa o los mensajes de error directamente a ChatGPT para su verificación y corrección.

Reversión oportuna

Si el problema persiste después de varias conversaciones, considere volver a una versión previamente estable de la conversación y permita que ChatGPT se vuelva a desarrollar. Durante el redesarrollo, ofrezca la orientación necesaria a ChatGPT según los problemas encontrados durante sesiones de depuración anteriores o su propia experiencia.

Si está interesado en la programación de IA o le preocupa el «error interno del servidor chatgpt», no dude en probar GPTBLOX y compartir su experiencia. Si encuentra algún problema o tiene sugerencias para desarrollo futuro, somos todo oídos. ¡Gracias!