1. Sé claro y específico<\/h3>
Ser claro y específico significa redactar tu prompt de forma precisa y detallada, dejando poco margen a la ambigüedad. Define claramente la tarea, el resultado deseado y el contexto.<\/p>
Al utilizar indicaciones específicas y detalladas, estás ayudando a Hostinger Horizons<\/a> a comprender tus necesidades exactas, reducir el número de iteraciones y garantizar que la herramienta de IA genere resultados que se ajusten a tus necesidades.<\/p> Un buen ejemplo de prompt:<\/strong><\/p> ¿Por qué? <\/strong>Esta indicación proporciona instrucciones claras sobre el contenido, la estructura y los elementos de diseño, de modo que Hostinger Horizons pueda generar una página web que se ajuste a la visión del usuario.<\/p> Un mal ejemplo de prompt:<\/strong><\/p> ¿Por qué? <\/strong>Esta petición es demasiado vaga y carece de detalles clave sobre el tipo de herramienta de recetas que necesitas, su finalidad, características, contenido y preferencias de diseño. Te dará una herramienta de recetas, pero estará lejos de lo que realmente necesitas y requerirá mucho trabajo.<\/p> Buenas prácticas para redactar prompts claros y específicos<\/strong><\/p> Familiarízate con la interfaz y las principales funciones de Hostinger Horizons<\/a> leyendo nuestra guía.<\/p>\n <\/div><\/p> Cuando utilices Hostinger Horizons, tal vez quieras incluir varias funciones en tu aplicación web. Puede parecer eficiente pedirlo todo en una sola solicitud para ahorrarte el límite de mensajes. <\/p> Sin embargo, dividir las ideas complejas en tareas más pequeñas y manejables conduce a mejores resultados.<\/p> Este enfoque, conocido como técnica de prompt<\/a> descompuesta, ayuda a Hostinger Horizons a centrarse en instrucciones específicas sin verse abrumado por un exceso de detalles. <\/p> Aislar las tareas también facilita la identificación y corrección de errores en secciones concretas.<\/p> Ejemplos de buenos prompts:<\/strong><\/p> ¿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> ¿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> 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 Horizons 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> ¿Por qué?<\/strong> Este aviso se centra en los aspectos fundamentales de la plataforma, proporcionando un ámbito claro y manejable para que Hostinger Horizons lo ejecute con eficacia.<\/p> Un mal ejemplo de prompt:<\/strong><\/p> ¿Por qué?<\/strong> Esta indicación abruma a Hostinger Horizons 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> Además de describir lo que esperas que haga Hostinger Horizons, 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> ¿Por qué? <\/strong>Añadir restricciones permite a Hostinger Horizons 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> ¿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> Hostinger Horizons 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 Horizons 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 Horizons 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 Horizons que cree una aplicación web con una funcionalidad similar pero con un diseño único y original, como éste:<\/p> Como Hostinger Horizons 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 Horizons 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 Horizons que lo analice y lo corrija, así:<\/p> 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> Además de los consejos básicos, ten en cuenta las siguientes técnicas avanzadas cuando escribas prompts en Hostinger Horizons, para mejorar aún más la calidad y la precisión del resultado:<\/p> 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 Horizons 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> ¿Por qué? <\/strong>Esta indicación tiene un flujo y una separación de temas claros, describiendo lo que Hostinger Horizons debe crear en orden cronológico.<\/p> Un mal ejemplo de prompt<\/strong>:<\/p> ¿Por qué? <\/strong>Este aviso no separa claramente las tareas, lo que dificulta su seguimiento. Hostinger Horizons podría omitir algunas instrucciones y dar un resultado incompleto.<\/p> 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> ¿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 Horizons comprender tus requisitos más fácilmente.<\/p> Malos ejemplos de prompts<\/strong>:<\/p> ¿Por qué? <\/strong>Hostinger Horizons 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> Al igual que otras herramientas de IA para el desarrollo web<\/a>, Hostinger Horizons 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 Horizons 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 Horizons que te ayudarán a aprovechar al máximo tus créditos de mensajes de forma eficaz:<\/p> Ten en cuenta que, independientemente de lo eficaces que sean tus avisos, la complejidad de tu aplicación web sigue siendo el principal factor que determina el número de créditos que utilizarás.<\/p> Como herramienta de desarrollo web basada en IA, Hostinger Horizons se basa en instrucciones de alta calidad para ofrecer resultados precisos. Tu mensaje debe ser detallado y proporcionar suficiente información sobre la tarea y los requisitos del proyecto.<\/p> Empieza describiendo la funcionalidad principal de tu aplicación y pasa después a los detalles. Para que tus prompts sean más claros, divide las tareas complejas en varias indicaciones e incluye restricciones para que Hostinger Horizons comprenda mejor qué incluir en tu proyecto.<\/p> Si tienes un plan visual o una inspiración para tu aplicación web, también puedes subirlo a Hostinger Horizons como prompt.<\/p> Esperamos que este artículo te haya ayudado a escribir indicaciones eficaces para un proceso de desarrollo web más eficiente. <\/p>Crea una herramienta de sugerencia de recetas con IA que permita a los usuarios introducir los ingredientes disponibles y recibir recomendaciones de recetas personalizadas. Muestra los detalles de la receta, como el tiempo de cocción, el nivel de dificultad y las instrucciones paso a paso. Utiliza una interfaz de usuario limpia y moderna con un fondo pastel, colores suaves e imágenes de alimentos de alta calidad.<\/pre>
![\"Ejemplo](\"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-content\/uploads\/sites\/32\/2025\/03\/ejemplo-uso-hostinger-horizons.png\")
<\/figure>Crea una herramienta de recetas.<\/pre>
\n
Consejo profesional<\/h4>\n
2. Explica ideas difíciles de forma simple<\/h3>
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>
![\"Ejemplo](\"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-content\/uploads\/sites\/32\/2025\/03\/ejemplo-resena-pelicula-horizons.png\")
<\/figure>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>
\n
3. Empieza sólo con la funcionalidad básica<\/h3>
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>
![\"Ejemplo](\"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-content\/uploads\/sites\/32\/2025\/03\/ejemplo-login-horizons.png\")
<\/figure>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>
\n
4. Incorpora limitaciones y preferencias<\/h3>
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>
![\"Ejemplo](\"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-content\/uploads\/sites\/32\/2025\/03\/ejemplo-todo-list-horizons.png\")
<\/figure>Crea una aplicación web sencilla y básica de listas de tareas.<\/pre>
5. Sube imágenes para mostrar exactamente lo que quieres<\/h3>
![\"Ejemplo](\"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-content\/uploads\/sites\/32\/2025\/03\/ejemplo-resenas-horizons.png\")
<\/figure>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>
![\"Ejemplo](\"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-content\/uploads\/sites\/32\/2025\/03\/ejemplo-explorador-peliculas-horizons.png\")
<\/figure>6. Pide a la herramienta que solucione problemas<\/h3>
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>
![\"Ejemplo](\"https:\/\/www.hostinger.com\/es\/tutoriales\/wp-content\/uploads\/sites\/32\/2025\/03\/ejemplo-error-horizons.png\")
<\/figure>Sugerencias avanzadas para elaborar prompts de alta calidad<\/h2>
Incluye pasos en tu prompt<\/h3>
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>
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>
Incluye términos técnicos<\/h3>
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>
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>
Gestionar los créditos y evitar los límites de mensajes<\/h2>
\n
Conclusión<\/h2>