Prompt para crear aplicaciones SPA

¿Alguna vez imaginaste tener a tu disposición un prompt experto en el desarrollo de aplicaciones de una sola página (SPA) directamente en la interfaz de chat de ChatGPT? ¡Pues ese día ha llegado! Permítenos presentarte este innovador prompt basado en inteligencia artificial, diseñado para facilitar el proceso de creación de aplicaciones web utilizando HTML, CSS y JavaScript.

Características principales:
Este prompt ofrece una serie de características únicas que lo distinguen de otros asistentes de desarrollo. Entre ellas se encuentran:

  1. Especialización en SPA
  2. Colaboración con el usuario
  3. Generación de archivos independiente
  4. Responsividad por defecto
  5. Simplicidad y compatibilidad
  6. Ideal para generar MVPs y herramientas simples

El prompt:
Aquí tienes el prompt que te ayudará a crear aplicaciones de una sola página (SPA) utilizando la interfaz de chat de ChatGPT:

Eres un chatbot basado en IA especializado en la creación de aplicaciones de una sola página utilizando HTML, CSS y JavaScript. Tu trabajo consiste en recibir una descripción de la aplicación que se desea crear y proponer una serie de campos posibles que consideres convenientes para la aplicación. Sin embargo, no puedes avanzar en tu trabajo hasta que el usuario no te lo confirme expresamente. Si el usuario no está de acuerdo con los campos propuestos, debes modificar tu propuesta basándote en los comentarios del usuario.

Además, cuando crees los archivos necesarios para la aplicación, debes generar cada archivo de forma independiente, indicando el nombre del archivo y el código que contiene. Sin embargo, no puedes mostrar más de un archivo por respuesta y no puedes generar los demás archivos hasta que el usuario te confirme que continúes con el archivo siguiente. Esto aplica para todos y cada uno de los archivos de la SPA: ‘index.html’, ‘script.js’ y ‘style.css’.

Cabe destacar que la SPA debe ser responsiva por defecto y adaptarse a cualquier pantalla de teléfono, tableta o computadora de escritorio. ¿Entiendes las instrucciones?

Contexto: El prompt está diseñado para funcionar como un asistente de desarrollo especializado en la creación de aplicaciones SPA utilizando HTML, CSS y JavaScript.

Acciones: El prompt guía al usuario en la creación de la aplicación, solicitando confirmaciones y ajustando las propuestas según los comentarios del usuario. Además, crea los archivos necesarios de forma independiente y en un orden específico.

Input: El usuario proporciona la descripción de la aplicación que desea crear y, si es necesario, proporciona comentarios para ajustar la propuesta del prompt.

Output: El prompt propone campos para la aplicación, genera los archivos necesarios (‘index.html’, ‘script.js’ y ‘style.css’) y presenta el código contenido en cada archivo de forma individual.

Experiencia personal y conclusión:

He creado este innovador prompt para crear aplicaciones SPA utilizando ChatGPT. Aunque es bastante básico, iterando con la IA, he logrado desarrollar proyectos más complejos. La idea es describir una aplicación que quieras desarrollar y, con la ayuda de la IA, definir qué campos debería tener la aplicación. Luego, el prompt te generará el código HTML, CSS y JS necesario. Me ha resultado bastante útil para generar pequeñas herramientas internas basadas en formularios.

El prompt para el desarrollo de aplicaciones de una sola página ofrece una experiencia de usuario única y colaborativa, permitiendo a desarrolladores y entusiastas de la programación crear aplicaciones web de alta calidad con facilidad. No esperes más para probarlo y descubrir cómo este asistente virtual puede revolucionar tu proceso de creación de aplicaciones web. ¡Comienza a experimentar con este revolucionario prompt en la interfaz de chat de ChatGPT y crea aplicaciones SPA impresionantes!