🧰 Capítulo 5
Funciones de los Botones — Domina las herramientas de tu generador
✨ 5.1. Botón: Generar Prompt
🚀
¿Qué hace?
Este botón construye y muestra tu prompt final combinando todos los campos que has completado. Es el corazón de la herramienta.
¿Cómo funciona?
- Recoge los valores de todos los campos (entorno, estilo, personajes, etc.).
- Los ensambla en una frase coherente y optimizada para IA.
- Valida que el campo “Descripción del entorno” no esté vacío (es obligatorio).
- Muestra el resultado en el área de texto inferior.
- Si falta el entorno, muestra una alerta visual para que lo completes.
✅ Validación inteligente
Si intentas generar sin describir el entorno, aparecerá un mensaje:
“⚠️ Por favor, describe el entorno.”
Esto evita prompts incompletos o genéricos.
🔁
Consejo de flujo de trabajo: Genera, revisa el prompt, y si algo no te convence, cambia un solo campo y vuelve a generar. ¡Así afinas tu resultado sin empezar de cero!
📋 5.2. Botón: Copiar al Portapapeles
📋
¿Qué hace?
Copia el prompt generado directamente al portapapeles de tu dispositivo, listo para pegarlo en cualquier plataforma de IA (Midjourney, DALL·E, Leonardo, etc.).
¿Cómo funciona?
- Usa la API moderna del navegador
navigator.clipboard.writeText().
- Si falla (por permisos o navegador antiguo), usa el método de respaldo
document.execCommand('copy').
- Muestra una alerta de confirmación: “📋 ¡Prompt copiado al portapapeles!”
🔐
Nota de seguridad: Algunos navegadores bloquean el acceso al portapapeles si la página se abre como archivo local (file://). Si no funciona, súbelo a un servidor local (Live Server en VS Code) o usa un hosting gratuito como GitHub Pages o Netlify.
📌
Ejemplo de uso:
1. Generas tu prompt.
2. Haces clic en “Copiar”.
3. Abres Discord (para Midjourney) o ChatGPT (para DALL·E).
4. Pegas (Ctrl+V o Cmd+V).
5. ¡Listo! La IA generará tu imagen.
🔄 5.3. Botón: Reiniciar
🔄
¿Qué hace?
Restablece todos los campos a sus valores predeterminados y limpia el área de resultado. Ideal para empezar un nuevo prompt desde cero.
Valores que restablece:
- Entorno → campo vacío
- Estilo → “impresionista”
- Paleta → “cálidos”
- Ambiente → “tranquilo”
- Número de personajes → “0”
- Descripción y acción de personajes → campos vacíos
- Detalles → campo vacío
- Perspectiva → “panorámica”
- Formato → “16:9 (1920x1080)”
- Calidad → “alta definición”
- Área de resultado → vacía
⚡
Atajo profesional: Usa “Reiniciar” entre proyectos para evitar mezclar ideas. También es útil si quieres probar una combinación totalmente nueva sin borrar manualmente cada campo.
🎯 Vista previa de los botones
Así se ven y comportan en la herramienta:
✨ Generar Prompt
📋 Copiar
🔄 Reiniciar
💡
Extra: Los botones tienen efectos hover (elevación y sombra) para una experiencia más interactiva y satisfactoria.