
Demostración de anotaciones de aplicaciones web locales
Genera una vista previa realista de una aplicación web local que muestra una superposición de anotaciones utilizada para solicitar ajustes de la interfaz de usuario en un flujo de trabajo de creación de aplicaciones web.
Este es un ejemplo gpt-image-2 para Otras inspiraciones . Utilice la plantilla lista para copiar que aparece a continuación para generar imágenes similares y revise la atribución de Awesome Nano Banana Pro Prompts y los derechos de uso comercial antes de reutilizarla.
¿Necesitas el conjunto completo de indicaciones? Usa el Otras inspiraciones centro de temas para ver más ejemplos relacionados, o abra el Biblioteca de indicaciones de GPT Image 2 Para ver el índice completo de ejemplos, las estructuras reutilizables y la atribución de fuentes.
Prompt
Mensaje listo para copiar
Usando REFERENCE_0 como contexto, cree una captura de pantalla de seguimiento que muestre la herramienta seleccionada "Build Web Apps" como una vista previa de una aplicación web local. Reemplace la vista de lista de complementos con un espacio de trabajo localhost estilo navegador con una interfaz de usuario blanca limpia, sombras suaves y esquinas redondeadas. Cambios clave: Muestre una interfaz de compilación/anotación de la aplicación en lugar del directorio de complementos original. Agregue una barra superior que muestre la dirección local a la izquierda y tres pequeñas ventanas/iconos de control a la derecha. Agregue una cápsula de estado de anotación azul en la esquina superior derecha con el texto "estado de anotación" y un menú vertical de tres puntos al lado. Área de contenido: Cree una interfaz de usuario estilo galería que muestre diseños de pósteres/tarjetas chinos dentro de un panel blanco redondeado. Incluya una fila de barra de herramientas del lado izquierdo con un botón de búsqueda y un botón azul de comentarios/anotaciones marcado con un "1". Muestre al menos dos miniaturas de pósteres/tarjetas visibles en un estilo visual chino tradicional de color marrón oscuro, mientras conserva algunas áreas de marcador de posición de tablero de ajedrez transparentes en el panel derecho. Superposición: Coloque una burbuja de entrada de anotación grande, flotante y con esquinas redondeadas centrada en la parte superior del área de contenido. Debe parecerse a un editor de comentarios de IA integrado, con un icono de control deslizante/configuración a la izquierda, que contiene texto de instrucciones en chino {argument name="texto del comentario" default="Los elementos visuales y el diseño general de este botón no coinciden; ajústelo."}, un botón "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 de la derecha: Agregue tres botones de acción etiquetados como "Abrir", "Carpeta" y "Ruta", cada uno con un icono de línea simple. Mantenga el realismo de la captura de pantalla, como si utilizara Build Web Apps con anotaciones HTML integradas para solicitar la optimización de la interfaz de usuario en una demostración del producto.Variables de solicitud
Marcadores de posición de argumentos editables que se encuentran en la solicitud, con sus valores predeterminados.
Variable
local address
Por defecto
127.0.0.1:4392
Variable
annotation status
Por defecto
Annotating
Variable
comment text
Por defecto
This button's visual appearance doesn't match the overall design; please adjust it.
Notas sobre la reutilización y la fuente
Utilice esta opción de forma segura después de previsualizar el caso.
- 1.Copia la solicitud o ábrela directamente en Dovoo con el botón de generación.
- 2.Ajusta las variables, la relación de aspecto y las imágenes de referencia según tus necesidades.
- 3.Antes de publicar o utilizar el servicio de forma remunerada, verifique los derechos de autor, los requisitos de atribución y los riesgos relacionados con la marca o la imagen de la persona.