Flujo práctico de IA
Crear tu propio sitio web con IA, paso a paso
Planifica estructura, contenido, diseño, código y controles de lanzamiento con IA, manteniendo la accesibilidad, la seguridad y la revisión humana.
Definir el objetivo
Resultado: decisión o borrador revisableAclara qué debe conseguir la web, para quién y cuál es la acción principal.
Prompt adaptableSustituye los campos y revisa la respuesta
Ayúdame a definir una web para [proyecto]. Público: [público]. Objetivo: [objetivo]. Crea una lista de necesidades, acción principal, contenidos imprescindibles y cosas que no deben incluirse.
- Comprueba los hechos. Conserva fuentes y datos originales.
- Protege la información. Elimina datos personales o confidenciales que no sean necesarios.
- Decide tú. Trata la respuesta como un borrador, no como una autoridad.
Crear el mapa del sitio
Resultado: decisión o borrador revisableOrganiza páginas y navegación según tareas del usuario, no según la estructura interna de la organización.
Prompt adaptableSustituye los campos y revisa la respuesta
Propón un mapa de sitio pequeño para [proyecto]. Incluye página, objetivo, pregunta que responde, contenido y llamada a la acción. Limita la navegación principal a lo necesario.
- Comprueba los hechos. Conserva fuentes y datos originales.
- Protege la información. Elimina datos personales o confidenciales que no sean necesarios.
- Decide tú. Trata la respuesta como un borrador, no como una autoridad.
Redactar el contenido
Resultado: decisión o borrador revisableEscribe borradores claros y verificables. Evita textos de relleno y promesas que no puedas demostrar.
Prompt adaptableSustituye los campos y revisa la respuesta
Redacta el contenido de [página] para [público]. Objetivo: [objetivo]. Incluye H1, introducción, secciones, prueba disponible y llamada a la acción. Marca hechos o cifras que necesiten fuente.
- Comprueba los hechos. Conserva fuentes y datos originales.
- Protege la información. Elimina datos personales o confidenciales que no sean necesarios.
- Decide tú. Trata la respuesta como un borrador, no como una autoridad.
Diseñar la interfaz
Resultado: decisión o borrador revisableConvierte requisitos en componentes, estados y reglas responsivas. Incluye teclado, foco, contraste y tamaños táctiles.
Prompt adaptableSustituye los campos y revisa la respuesta
Crea una especificación de interfaz para [página]. Incluye componentes, jerarquía, estados vacíos/error/carga, comportamiento móvil, navegación por teclado y criterios de accesibilidad.
- Comprueba los hechos. Conserva fuentes y datos originales.
- Protege la información. Elimina datos personales o confidenciales que no sean necesarios.
- Decide tú. Trata la respuesta como un borrador, no como una autoridad.
Generar o revisar código
Resultado: decisión o borrador revisablePide cambios pequeños y comprobables. Mantén el stack y las restricciones del proyecto.
Prompt adaptableSustituye los campos y revisa la respuesta
Implementa [cambio] en [HTML/CSS/JS] sin frameworks adicionales. Requisitos: [requisitos]. Compatibilidad: [navegadores]. Prioriza HTML semántico, CSS simple, JavaScript mínimo y evita cambios no relacionados.
- Comprueba los hechos. Conserva fuentes y datos originales.
- Protege la información. Elimina datos personales o confidenciales que no sean necesarios.
- Decide tú. Trata la respuesta como un borrador, no como una autoridad.
Probar antes de publicar
Resultado: decisión o borrador revisableComprueba contenido, enlaces, formularios, rendimiento, accesibilidad y dispositivos reales.
Prompt adaptableSustituye los campos y revisa la respuesta
Crea una lista de pruebas para esta web. Incluye móvil, escritorio, teclado, lector de pantalla, formularios, enlaces, metadatos, rendimiento, privacidad y fallos de red. Contexto: [detalles].
- Comprueba los hechos. Conserva fuentes y datos originales.
- Protege la información. Elimina datos personales o confidenciales que no sean necesarios.
- Decide tú. Trata la respuesta como un borrador, no como una autoridad.
Publicar y mantener
Resultado: decisión o borrador revisableDefine despliegue, copias de seguridad, medición y una revisión periódica.
Prompt adaptableSustituye los campos y revisa la respuesta
Crea un plan de lanzamiento y mantenimiento para [web]. Incluye dominio, HTTPS, analítica consentida, copias, actualizaciones, responsables, métricas y calendario de revisión.
- Comprueba los hechos. Conserva fuentes y datos originales.
- Protege la información. Elimina datos personales o confidenciales que no sean necesarios.
- Decide tú. Trata la respuesta como un borrador, no como una autoridad.
Preguntas frecuentes
¿Puedo publicar código generado por IA sin revisarlo?
No es recomendable. Debes probar funcionamiento, seguridad, accesibilidad, privacidad, licencias y compatibilidad antes de publicar.
¿Necesito un framework?
No. Muchas webs pueden resolverse con HTML, CSS y JavaScript simples. Elige herramientas según los requisitos y la capacidad de mantenimiento.
¿Cómo evito una web lenta?
Reduce recursos, reserva espacio para imágenes y anuncios, carga tarde lo no crítico y mide en dispositivos y redes reales.