IP
Générer
Image de prévisualisation de la démo d'annotation d'application Web locale
Image de référence principale

Démonstration d'annotation d'application Web locale

Génère un aperçu réaliste d'une application web locale affichant une superposition d'annotations utilisée pour demander des ajustements d'interface utilisateur dans un flux de travail de création d'applications web.

Il s'agit d'un exemple de visuel pour la catégorie { gpt-image-2 Autres sources d'inspiration . Utilisez le visuel ci-dessous pour générer des éléments visuels similaires et vérifiez les conditions d'utilisation (attribution Awesome Nano Banana Pro Prompts et droits d'utilisation commerciale) avant toute réutilisation.

Besoin de l'ensemble complet des invites ? Utilisez le Autres sources d'inspiration Consultez le centre thématique pour plus d'exemples connexes, ou ouvrez le Bibliothèque d'invites GPT Image 2 pour l'index complet des exemples, les structures réutilisables et l'attribution des sources.
Essayez cette invite

Prompt

invite prête à être copiée

En utilisant REFERENCE_0 comme contexte, créez une capture d'écran montrant l'outil « Créer des applications Web » sélectionné comme aperçu d'une application Web locale. Remplacez la liste des plugins par un espace de travail local de type navigateur, avec une interface utilisateur blanche épurée, des ombres douces et des coins arrondis. Principaux changements : affichez une interface de création/annotation d'application à la place du répertoire des plugins d'origine. Ajoutez une barre supérieure affichant l'adresse locale à gauche et trois petites icônes de fenêtre/contrôle à droite. Ajoutez une capsule bleue d'état des annotations dans le coin supérieur droit, avec le texte « État des annotations » et un menu vertical à trois points à côté. Zone de contenu : créez une interface utilisateur de type galerie affichant des affiches/cartes chinoises dans un panneau blanc arrondi. Incluez une barre d'outils latérale gauche avec un bouton de recherche et un bouton bleu de commentaire/annotation marqué d'un « 1 ». Affichez au moins deux vignettes d'affiches/cartes visibles dans un style visuel chinois traditionnel brun foncé, tout en conservant des zones d'espace réservé transparentes en damier dans le panneau de droite. Superposition : placez une grande bulle de saisie d'annotation flottante aux coins arrondis, centrée en haut de la zone de contenu. Il doit ressembler à un éditeur de commentaires IA intégré, avec un curseur/icône de paramètres à gauche contenant le texte d'instructions en chinois suivant : {argument name="texte du commentaire" default="L'aspect visuel et la conception générale de ce bouton ne correspondent pas ; veuillez les ajuster."}, un bouton « Annuler », une petite icône de microphone et un bouton de confirmation circulaire noir avec une coche blanche. En bas du panneau d'aperçu de droite : ajoutez trois boutons d'action intitulés « Ouvrir », « Dossier » et « Chemin », chacun avec une simple icône linéaire. Conservez le réalisme de la capture d'écran, comme si vous utilisiez Build Web Apps avec des annotations HTML intégrées pour demander une optimisation de l'interface utilisateur dans une démonstration de produit.

Variables d'invite

Espaces réservés aux arguments modifiables présents dans l'invite, avec leurs valeurs par défaut.

3
Variable
local address
Défaut
127.0.0.1:4392
Variable
annotation status
Défaut
Annotating
Variable
comment text
Défaut
This button's visual appearance doesn't match the overall design; please adjust it.

Réutilisation et notes de source

Utilisez cette invite en toute sécurité après avoir prévisualisé le dossier.

  1. 1.Copiez l'invite ou ouvrez-la directement dans Dovoo avec le bouton de génération.
  2. 2.Ajustez les variables, le format d'image et les images de référence en fonction de votre cas d'utilisation.
  3. 3.Avant toute publication ou utilisation payante, vérifiez les droits d'auteur, les exigences d'attribution et les risques liés à la marque ou à l'image.
Démonstration d'annotation d'application Web locale pour GPT Image 2 | Image Prompt Gallery