Demostración de anotación de aplicación web local

Genera una vista previa realista de una aplicación web en localhost que muestra una superposición de anotaciones utilizada para solicitar ajustes de interfaz en un flujo de trabajo de Build Web Apps.

Instrucción
Utilizando REFERENCE_0 como contexto, crea una captura de pantalla de seguimiento que muestre la herramienta “Build Web Apps” seleccionada en acción como una vista previa de aplicación web local. Reemplaza la vista de lista de plugins con un espacio de trabajo tipo navegador en localhost en 127.0.0.1:4392, con una interfaz limpia en blanco, sombras suaves y paneles redondeados. Cambio principal: muestra una interfaz de creación/anotación de aplicaciones en lugar del directorio de plugins original. Agrega una barra superior con la dirección local a la izquierda y exactamente 3 iconos pequeños de ventana/control a la derecha. Añade una píldora de estado de anotación azul en la parte superior derecha con el texto Anotando y un menú vertical de tres puntos al lado. Área de contenido: crea una interfaz estilo galería con diseños de pósteres/tarjetas en chino dentro de paneles blancos redondeados. Incluye una fila de herramientas a la izquierda con un botón de búsqueda y un botón azul de comentario/anotación con una insignia que diga “1”. Muestra al menos dos miniaturas de pósteres/tarjetas visibles, utilizando un estilo visual tradicional chino en marrón oscuro, mientras dejas algunas áreas de marcador de posición transparente tipo tablero de ajedrez en el panel derecho. Superposición: coloca una burbuja de entrada de anotación flotante, grande y redondeada, centrada cerca de la parte superior media del contenido. Debe parecer un editor de comentarios de IA integrado, con un icono de controles/ajustes a la izquierda, texto de instrucción en chino El diseño visual y general de este botón no encaja, ajústalo., un botón de cancelar “取消”, un pequeño icono de micrófono y un botón de confirmación circular negro con una marca de verificación blanca. Parte inferior del panel de vista previa derecho: agrega exactamente 3 botones de acción etiquetados como “Open”, “Folder” y “Path”, cada uno con un icono de línea simple. Mantén la captura de pantalla realista, como una demostración de producto del uso de Build Web Apps junto con la anotación HTML integrada para solicitar mejoras en la interfaz.

Imágenes de referencia

Cómo usar este prompt

  1. 1

    Copia el prompt completo de arriba.

  2. 2

    Abre una plataforma compatible con GPT Image 2, 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 imagen más, todos gratis para copiar y adaptar.

Explorar más prompts de imagen

Más funciones de prompts

Biblioteca de IA

Búsqueda de prompts con IA

Que la IA busque entre decenas de miles de prompts. Filtrá por modelo, rango de fechas y palabras clave, y ordená por interacción: vistas, guardados, reposts 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