Prompt de codificación Vibe para el rediseño de sitios web
Utiliza este prompt dentro de cualquier LLM para crear una prompt detallada prompt Lovable, Bolt u otra herramienta de codificación de vibraciones que te ayude a rediseñar un sitio web en solo unos minutos.
El método
Copia el prompt , sin olvidar incluir la URL del sitio web que deseas rediseñar y cambiando las menciones a Lovable por tu herramienta de codificación vibe si utilizas otra diferente.
Pégalo en cualquier LLM.
Copia el resultado de tu LLM y pégalo directamente en tu aplicación de codificación vibe.
Las prompts
Necesito que generes un prompt completamente estructurado prompt Lovable, una herramienta de codificación de vibraciones con IA que genera código completo y listo para su producción a partir de instrucciones en lenguaje natural.
Lovable se especializa en transformar descripciones en HTML, CSS y JavaScript (o marcos como React/Next.js) funcionales y se utiliza para la creación y el rediseño rápidos de interfaces de usuario web.
Tu trabajo consiste en crear un prompt optimizado para Lovable.
Aquí está el sitio web que quiero rediseñar: [https://enteryoururlhere.com]
Tu tarea: Crear una prompt completa y de nivel experto para Lovable prompt pueda pegar directamente en Lovable, con el objetivo de generar una página de inicio rediseñada y moderna que conserve todo el contenido factual del sitio original.
Al crear el prompt:
1. Conserva todo el contenido factual. Utiliza el contenido tal y como aparece en el enlace. Incluye el enlace en la prompt crees, pero no expliques en detalle el contenido del sitio web actual. No modifiques el significado, las afirmaciones, las estadísticas, las llamadas a la acción ni la información factual. Se permite la reorganización, pero no la reescritura de los hechos.
2. Las Prompt indicar a Lovable lo siguiente: Crear una página de inicio totalmente rediseñada con una interfaz de usuario y una experiencia de usuario modernas. Utilizar HTML limpio y semántico O React/Next.js (elegir en función del contexto o dejar que Lovable elija libremente). Utilizar Tailwind CSS o un estilo moderno equivalente. Mejorar el diseño, el espaciado, la tipografía, la jerarquía y la claridad visual. Hacer que la página sea responsiva para ordenadores de sobremesa, tabletas y móviles. Mantener las mejores prácticas de accesibilidad. Incluir una sección principal visualmente impactante, llamadas a la acción claras, una estructura mejorada y un estilo coherente, todo ello manteniendo el contenido original. Añadir imágenes con IA o libres de derechos de autor.
3. Reglas de salida Tu respuesta final debe ser ÚNICAMENTE la prompt de Lovable, sin comentarios, sin prefacio, sin notas, sin explicaciones. Da formato a la prompt y profesional. Debe poder utilizarse inmediatamente en Lovable sin necesidad de modificaciones. Después de crear la prompt, envíala directamente.
