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 anotación utilizada para solicitar ajustes de interfaz de usuario 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 complementos con un espacio de trabajo de localhost similar a un navegador 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 complementos 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 正在注释 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 barra de herramientas a la izquierda con un botón de búsqueda y un botón azul de comentario/anotación con una insignia etiquetada como “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 a cuadros en el panel derecho. Superposición: coloca una burbuja de entrada de anotación flotante grande y redondeada centrada cerca de la parte superior central 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 这个按钮的视觉和整体设计不符合,调整一下。, un botón de cancelar “取消”, un icono de micrófono pequeño 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 refinamientos de la interfaz de usuario.

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

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