Ya tienes una página web seleccionada. Ahora aprenderás a trabajar sobre su código existente y pedirle a la IA cambios específicos, sin modificar elementos que no hayas solicitado.
Selecciona el index.html con el que quieres trabajar. No vamos a crear otra página desde cero: vamos a utilizar la página existente y pedirle a la IA únicamente los cambios que tú decidas.
Elige la página que vas a personalizar. Trabajaremos únicamente sobre ese archivo.
Explica con claridad qué quieres modificar y dónde debe realizarse.
Indica qué elementos, estilos o funcionalidades no quieres que sean modificados.
El generador convertirá tus indicaciones en instrucciones precisas para la IA.
Adjunta el index.html seleccionado junto con el Prompt generado.
Abre el archivo actualizado en VS Code y comprueba que solo se hayan realizado los cambios solicitados.
Describe exactamente qué quieres cambiar en el index.html que seleccionaste previamente. El generador creará las instrucciones que entregarás a la IA junto con ese archivo.
Trabajaremos sobre un único index.html.
💡 El Prompt se utilizará junto con el index.html que adjuntarás a la IA.
Aquí aparecerá tu Prompt.
1. Indica qué elemento quieres modificar.
2. Describe exactamente el cambio.
3. Indica qué debe permanecer intacto.
4. Genera el Prompt.
5. Adjunta tu index.html junto con el Prompt a la IA.
Ahora entrega a la IA el index.html seleccionado y el Prompt generado. La IA debe trabajar sobre ese archivo y respetar las instrucciones establecidas.
Entrega únicamente el archivo sobre el que quieres trabajar.
Copia las instrucciones generadas y pégalas en la conversación con la IA.
La IA debe identificar la estructura existente antes de realizar la modificación solicitada.
Debe modificar únicamente lo necesario para cumplir tu solicitud.
Solicita el archivo completo actualizado, listo para reemplazar el original.
Visualiza la página en VS Code y verifica que el cambio sea exactamente el solicitado.
Personalizar una página significa aprender a comunicar con precisión qué queremos cambiar y qué queremos conservar.
Colores, tipografías, tamaños, espacios, tarjetas, botones, fondos y composición.
Textos, títulos, llamadas a la acción, imágenes, servicios y datos del negocio.
WhatsApp, formularios, carruseles, animaciones, menús y otros elementos necesarios.
El verdadero aprendizaje está en analizar un resultado, tomar decisiones y utilizar la IA para convertirlo en una solución propia.
Aprender a detectar qué funciona, qué necesita mejorar y qué elementos aportan valor a una página.
Convertir una idea de cambio en instrucciones claras que la Inteligencia Artificial pueda interpretar.
Tomar una base generada con IA y transformarla en una página adaptada a un negocio real.
Toma el index.html que seleccionaste y utiliza la IA para realizar una modificación concreta. Tú decides qué cambia y qué permanece.
Ahora sabes entregar un archivo existente a la IA, describir modificaciones concretas y establecer límites para conservar todo aquello que no deseas cambiar.