Reproducción de Landing Page de Imagen a Next.js

Un flujo de trabajo complejo para reproducir una landing page a partir de una imagen utilizando Next.js, generación de imágenes para los recursos y Playwright para la validación.

Instrucción
/goal Implementa la LP de la imagen adjunta usando Next.js hasta que la precisión de la reproducción sea superior al 95%. Para las partes que sean difíciles de reproducir mediante otros medios que no sean imágenes, créalas generando materiales adecuadamente con image_gen. - Los iconos e imágenes deben coincidir con la imagen original tanto como sea posible. Recorta las partes relevantes de la imagen original y pásalas a image_gen como imágenes de referencia (usa codex exec -i para pasar imágenes de referencia y proporciona el prompt a través de la entrada estándar). - Asegura la capacidad de respuesta (responsiveness). Verifica en anchos desde 375 hasta 1440px, asegurando que no haya desplazamiento horizontal, superposición de elementos o recortes (usa w-full max-w-[Npx] para tarjetas de ancho fijo y posicionamiento absoluto solo para anchos grandes). - Ejecuta un bucle de capturas de pantalla con Playwright -> compara con la original -> corrige. Finaliza una vez que npm run build pase correctamente.

Cómo usar este prompt

  1. 1

    Copia el prompt completo de arriba.

  2. 2

    Abre una plataforma compatible con claude-fable-5, como YouMind, y pega el prompt.

  3. 3

    Cambia el tema, el estilo o los detalles según tu idea y luego genera.

Este es un prompt de IA gratuito de la biblioteca de prompts de YouMind. Explora miles de prompts de página web más, todos gratis para copiar y adaptar.

Explorar más prompts de página web

Descubre más

Biblioteca de IA

Búsqueda de prompts con IA

Deja que la IA busque entre decenas de miles de prompts. Filtra por modelo, rango de fechas y palabras clave, y ordena por interacción: visualizaciones, guardados, compartidos y más.

Herramientas de visión

Imagen a prompt

Convierte cualquier foto en un prompt de imagen IA detallado. El conversor gratuito de imagen a prompt analiza composición, estilo e iluminación para recrear cualquier estética en segundos.

Creado para creadores. Gratis para siempre.

YouMind es el copiloto creativo con IA en el que confían creadores de todo el mundo. Cada prompt está curado para ayudarte a crear mejor y más rápido.

Explorar más prompts