Ejemplos de buenos prompts:<\/strong><\/p>Crea un formulario de envío de reseñas de películas para que los usuarios puedan valorar las películas en una escala de 1 a 5 estrellas y escribir una reseña de texto de hasta 500 palabras.<\/pre>Diseña una página de base de datos de películas que muestre títulos de películas con carteles, géneros, fechas de estreno y valoraciones medias de los usuarios, ordenables por valoración y fecha de estreno.<\/pre>Implementa una función de búsqueda que permita a los usuarios encontrar películas por título, género o actor, con sugerencias autocompletadas.<\/pre>¿Por qué?<\/strong> Al abordar cada característica con una indicación específica, el proceso de desarrollo se centra más, lo que da como resultado una aplicación web de reseñas de películas funcional y fácil de usar.<\/p>Un mal ejemplo de prompt:<\/strong><\/p>Crea un sitio web completo de reseñas de películas con cuentas de usuario, listados de películas, envío de reseñas y funciones de búsqueda.<\/pre>¿Por qué? <\/strong>Esta indicación es demasiado amplia y carece de instrucciones detalladas para cada función. Como consecuencia, la IA puede producir un resultado incompleto o incoherente, aumentando el riesgo de errores.<\/p>Buenas prácticas para desglosar ideas complejas:<\/strong><\/p>\nPrioriza las tareas en función de las dependencias<\/strong>: identifica qué funciones dependen de otras y estructura tu desarrollo en consecuencia.<\/li>\n\n\n\nEstablece objetivos claros para cada función<\/strong>: define metas específicas y resultados esperados para que cada componente funcione según lo previsto.<\/li>\n<\/ul>3. Empieza sólo con la funcionalidad básica<\/h3> Ampliando el consejo anterior, siempre es buena idea centrarse en la funcionalidad básica antes de añadir funciones adicionales. <\/p>
Hacerlo ayuda a Hostinger Creador con IA a comprender tus necesidades inmediatas, creando una base sólida antes de integrar elementos suplementarios.<\/p>
Ocuparte primero de las funciones básicas también garantiza que utilizas tu tiempo y tus límites de mensajes de forma eficaz, evitando una complejidad innecesaria tanto para ti como para la herramienta en las fases iniciales.<\/p>
Un buen ejemplo de prompt:<\/strong><\/p>Desarrolla una plataforma de redes sociales que permita a los usuarios crear perfiles y compartir fotos con leyendas. Incluye funciones básicas como el registro de usuarios, la personalización del perfil y un feed de fotos que muestre las publicaciones de los usuarios seguidos.<\/pre>¿Por qué?<\/strong> Este aviso se centra en los aspectos fundamentales de la plataforma, proporcionando un ámbito claro y manejable para que Hostinger Creador con IA lo ejecute con eficacia.<\/p>Un mal ejemplo de prompt:<\/strong><\/p>Crea una plataforma de redes sociales con perfiles de usuario, mensajería, intercambio de fotos, transmisión en directo, un mercado, una sección de blog, integración de realidad virtual y recomendaciones de contenido basadas en IA.<\/pre>¿Por qué?<\/strong> Esta indicación abruma a Hostinger Creador con IA con demasiadas funciones a la vez, sin centrarse en las funcionalidades esenciales. Como resultado, puede generar resultados incompletos o desenfocados.<\/p>Buenas prácticas para empezar con la funcionalidad básica:<\/strong><\/p>\nDefine el propósito de tu aplicación web:<\/strong> establece claramente para qué está diseñada tu aplicación identificando el problema que resuelve o el valor que aporta.<\/li>\n\n\n\nPrueba a fondo las funciones principales:<\/strong> antes de añadir más funciones, prueba a fondo la funcionalidad principal de tu aplicación web y resuelve cualquier problema.<\/li>\n<\/ul>4. Incorpora limitaciones y preferencias<\/h3> Además de describir lo que esperas que haga Hostinger Creador con IA, especificar lo que no debe hacer también puede ayudar a generar un resultado de mayor calidad.<\/p>
Incorporar restricciones ayuda a delimitar tu petición para que sea más específica y menos ambigua.<\/p>
Un buen ejemplo puntual<\/strong>:<\/p>Crea una aplicación web sencilla y básica de listas de tareas. Aquí tienes las limitaciones a tener en cuenta:\n\nNo incluyas la autenticación de usuario.\n\nEvita utilizar transiciones o animaciones extravagantes.\n\nUtiliza sólo HTML, CSS y JavaScript, no incorpores frameworks ni librerías.<\/pre>¿Por qué? <\/strong>Añadir restricciones permite a Hostinger Creador con IA excluir tecnologías o funciones no deseadas de tu aplicación, haciendo que el resultado se ajuste más a tus especificaciones deseadas y ayudando a ahorrar tiempo.<\/p>Un mal ejemplo de prompt<\/strong>:<\/p>Crea una aplicación web sencilla y básica de listas de tareas.<\/pre>¿Por qué? <\/strong>A esta consulta le faltan detalles y claridad sobre las especificaciones de la aplicación. Esto da como resultado una aplicación más general que puede no ajustarse a tus necesidades.<\/p>5. Sube imágenes para mostrar exactamente lo que quieres<\/h3> Hostinger Creador con IA te permite subir imágenes para guiar a la IA cuando genere tu aplicación web.<\/p>
Es especialmente útil si tienes un boceto, un esquema, una paleta de colores o una referencia de diseño que quieres que Hostinger Creador con IA siga. En lugar de describirlo todo en texto, puedes proporcionar una referencia visual para que el resultado sea más preciso.<\/p>
Simplemente pulsa el botón Cargar archivo <\/strong>en el campo de solicitud, selecciona la imagen que quieres utilizar y escribe una solicitud describiendo lo que quieres que haga la IA.<\/p>También puedes subir capturas de pantalla del resultado generado para refinar el diseño. Si algunos elementos no tienen el aspecto que deseas, prueba a hacer una captura de pantalla del panel de previsualización derecho y resalta la parte que quieres cambiar. Hostinger Creador con IA la ajustará en consecuencia.<\/p>Ten en cuenta que, aunque esta función te permite utilizar sitios web existentes como inspiración, te recomendamos encarecidamente que no copies flagrantemente diseños protegidos por derechos de autor<\/strong>, ya <\/strong>que esto puede dar lugar a problemas legales. <\/p>En su lugar, pide a Hostinger Creador con IA que cree una aplicación web con una funcionalidad similar pero con un diseño único y original, como éste:<\/p>
Hola, quiero crear una aplicación web similar a IMDb, que permita a los usuarios buscar películas, puntuarlas y leer críticas. Adjunto la captura de pantalla de la plataforma. Me gustaría que tomaras la imagen como inspiración, especialmente a la hora de añadir las funciones y decidir la colocación de los botones. Sin embargo, te ruego que utilices una disposición, una combinación de colores y un diseño únicos\".<\/pre>6. Pide a la herramienta que solucione problemas<\/h3> Como Hostinger Creador con IA aún está en acceso anticipado<\/strong>, puede que ocasionalmente encuentres errores al generar aplicaciones web. Por eso ofrecemos una garantía de devolución del dinero de 30 días <\/strong>si decides cambiar de opinión después de probarlo.<\/p>La buena noticia es que Hostinger Creador con IA incluye una función de depuración <\/strong>incorporada que detecta y soluciona los problemas basándose en tus indicaciones. <\/p>Cuando se produce un error, en lugar de mostrar la vista previa de la aplicación web en el panel derecho, la herramienta mostrará un mensaje de error junto con las líneas de código afectadas.<\/p>
Lo que puedes hacer es copiar el mensaje de error y el código resaltado, pegarlos en el campo de consulta y pedir a Hostinger Creador con IA que lo analice y lo corrija, así:<\/p>
Hola, he encontrado un error en mi aplicación web. ¿Puedes analizar este código y solucionar el problema?\n\n[Inserta las líneas de código afectadas]<\/pre>Si aparecen errores adicionales, repite el proceso: copia el error, pide a la herramienta que lo identifique y lo corrija, hasta que tu aplicación web funcione como esperas. <\/p>
Sugerencias avanzadas para elaborar prompts de alta calidad<\/h2> Además de los consejos básicos, ten en cuenta las siguientes técnicas avanzadas cuando escribas prompts en Hostinger Creador con IA, para mejorar aún más la calidad y la precisión del resultado:<\/p>
Incluye pasos en tu prompt<\/h3> Aunque sugerimos desglosar las ideas complejas en varias indicaciones, tal vez prefieras mantener las tareas relacionadas en una sola indicación.<\/p>
Si es así, intenta formatear tu indicación como una instrucción paso a paso en lugar de como un párrafo. Utilizar pasos ayuda a Hostinger Creador con IA a seguir tus instrucciones en orden cronológico, lo que da lugar a resultados más coherentes y consistentes.<\/p>
Además, un prompt estructurado facilita la revisión y el perfeccionamiento según sea necesario.<\/p>
Un buen ejemplo de prompt<\/strong>:<\/p>Crear una página en mi aplicación para iniciar sesión y registrarse. Esto es lo que debes hacer:\n\nCrea una página dedicada para que los usuarios se registren o se den de alta.\n\nAñade formularios de nombre de usuario, dirección de correo electrónico y contraseña.\n\nConecta estos formularios con sus correspondientes tablas de la base de datos.\n\nInserta un botón de acción para iniciar sesión o registrarte.\n\nAñade un hipervínculo que cambie al usuario de la página de inicio de sesión a la página de registro si no tiene una cuenta.\n\nPon un mensaje de error si los datos introducidos no son válidos.<\/pre>¿Por qué? <\/strong>Esta indicación tiene un flujo y una separación de temas claros, describiendo lo que Hostinger Creador con IA debe crear en orden cronológico.<\/p>Un mal ejemplo de prompt<\/strong>:<\/p>Crea una página en mi aplicación para iniciar sesión y registrarme. Aquí, añade formularios para el nombre de usuario, la dirección de correo electrónico y la contraseña, que estén conectados a las tablas correspondientes de la base de datos. Añade dos botones para iniciar sesión\/registrarse y una redirección para los usuarios que no tengan una cuenta. Si los datos introducidos no son válidos, añade un error.<\/pre>¿Por qué? <\/strong>Este aviso no separa claramente las tareas, lo que dificulta su seguimiento. Hostinger Creador con IA podría omitir algunas instrucciones y dar un resultado incompleto.<\/p>Incluye términos técnicos<\/h3> Si estás familiarizado con el desarrollo o el diseño web, considera la posibilidad de incluir términos técnicos en tu mensaje. Por ejemplo, puedes utilizar términos como flexbox<\/strong>, lazyloading <\/strong>y diseño minimalista<\/strong>.<\/p>Añadir términos técnicos hace que tu consulta sea más eficaz y específica, minimizando la ambigüedad. Esto también garantiza que el resultado de la IA se ajuste más a los requisitos de tu aplicación.<\/p>
Ejemplos de buenos prompts<\/strong>:<\/p>Cambia el diseño general de mi aplicación web con el diseño plano utilizando sólo elementos bidimensionales y una paleta de colores monocromática.<\/pre>Cambia el diseño general de mi aplicación web con el diseño plano utilizando sólo elementos bidimensionales y una paleta de colores monocromática.<\/pre>¿Por qué?<\/strong> Estas indicaciones contienen términos técnicos y una descripción detallada de lo que hay que añadir a la solicitud. Esto permite a Hostinger Creador con IA comprender tus requisitos más fácilmente.<\/p>Malos ejemplos de prompts<\/strong>:<\/p>Cambia el diseño de mi aplicación web. Quiero que sea muy sencilla y básica, tanto en colores como en diseño.<\/pre>Haz que mi aplicación web cargue imágenes sólo cuando los usuarios las vean.<\/pre>¿Por qué? <\/strong>Hostinger Creador con IA puede malinterpretar estas indicaciones porque son vagas. Por ejemplo, un diseño sencillo y básico <\/strong>no siempre significa un diseño plano.<\/p>Gestionar los créditos y evitar los límites de mensajes<\/h2> Al igual que otras herramientas de IA para el desarrollo web<\/a>, Hostinger Creador con IA tiene un límite de mensajes específico, por lo que es importante que gestiones tu crédito de forma eficiente.<\/p>Un error común al utilizar Hostinger Creador con IA es gastar demasiados créditos en construir la aplicación web. Lo ideal es que reserves algunos para tareas como la integración de servicios externos y la resolución de problemas.<\/p>
Aunque el límite de mensajes se restablece mensualmente, y puedes pasar a un plan superior para obtener más créditos, gestionar tus créditos adecuadamente hace que tu desarrollo sea más eficiente.<\/p>
Aquí hay algunas estrategias de prompts de Hostinger Creador con IA que te ayudarán a aprovechar al máximo tus créditos de mensajes de forma eficaz:<\/p>
![\"Ejemplo](\"https:\/\/imagedelivery.net\/LqiWLm-3MGbYHtFuUbcBtA\/wp-content\/uploads\/sites\/32\/2025\/03\/ejemplo-uso-hostinger-horizons.png\/public\")
<\/figure>