Aperçu Cas d'usage Compétences Invites Tarifs Blog Mises à jour

Démo d'annotation d'application web locale

Génère un aperçu réaliste d'une application web en localhost montrant une superposition d'annotation utilisée pour demander des ajustements d'interface dans un flux de travail Build Web Apps.

Consigne

En utilisant REFERENCE_0 comme contexte, créez une capture d'écran de suivi montrant l'outil « Build Web Apps » sélectionné en action sous forme d'aperçu d'application web locale. Remplacez la vue de la liste des plugins par un espace de travail localhost de type navigateur à l'adresse 127.0.0.1:4392, avec une interface blanche épurée, des ombres douces et des panneaux arrondis. Changement principal : affichez une interface de création/annotation d'application plutôt que le répertoire de plugins original. Ajoutez une barre supérieure avec l'adresse locale à gauche et exactement 3 petites icônes de fenêtre/contrôle à droite. Ajoutez une pastille d'état d'annotation bleue en haut à droite avec le texte En cours d'annotation et un menu vertical à trois points à côté. Zone de contenu : créez une interface de style galerie avec des designs d'affiches/cartes en chinois à l'intérieur de panneaux blancs arrondis. Incluez une barre d'outils latérale gauche avec un bouton de recherche et un bouton bleu de commentaire/annotation portant un badge « 1 ». Affichez au moins deux vignettes d'affiches/cartes visibles, en utilisant un style visuel chinois traditionnel brun foncé, tout en laissant quelques zones de remplacement transparentes en damier dans le panneau de droite. Superposition : placez une grande bulle de saisie d'annotation flottante et arrondie centrée près du haut au milieu du contenu. Elle doit ressembler à un éditeur de commentaires IA intégré, avec une icône de curseurs/paramètres à gauche, un texte d'instruction en chinois Le design visuel et global de ce bouton ne convient pas, veuillez l'ajuster., un bouton d'annulation « 取消 », une petite icône de microphone et un bouton de confirmation circulaire noir avec une coche blanche. Bas du panneau d'aperçu de droite : ajoutez exactement 3 boutons d'action intitulés « Open », « Folder » et « Path », chacun avec une icône linéaire simple. Gardez la capture d'écran réaliste, comme une démo produit de l'utilisation de Build Web Apps avec une annotation HTML intégrée pour demander des améliorations de l'interface utilisateur.

Images de référence

Comment utiliser ce prompt

1
Copiez le prompt complet ci-dessus.
2
Ouvrez une plateforme compatible avec GPT Image 2, comme YouMind, et collez le prompt.
3
Modifiez le sujet, le style ou les détails selon votre idée, puis générez.

Voici un prompt IA gratuit de la bibliothèque de prompts de YouMind. Découvrez des milliers d'autres prompts images, tous libres de copie et d'adaptation.

Découvrir plus de prompts images

Plus de GPT Image 2

Toutes les catégories Images

Cas d’utilisation

Profil / Avatar Publication sur les réseaux sociaux Infographie / Visuel éducatif Miniature YouTube Bande dessinée / Storyboard Voir plus

Styles

Photographie Image cinématographique / Photogramme de film Anime / Manga Illustration Croquis / Dessin au trait Voir plus

Sujets

Portrait / Selfie Influenceur / Mannequin Personnage Groupe / Couple Produit Voir plus

Plus de fonctions de prompts

Bibliothèque IA

Recherche de prompts par IA

Laissez l'IA chercher parmi des dizaines de milliers de prompts. Filtrez par modèle, plage de dates et mots-clés, puis triez par engagement : vues, favoris, partages et plus.

Essayer gratuitement

Outils visuels

Image vers prompt

Transformez toute photo en prompt d'image IA détaillé. Le convertisseur image vers prompt gratuit analyse la composition, le style et la lumière pour recréer n'importe quel rendu en quelques secondes.

Convertir une image en prompt