Demo zur lokalen Web-App-Annotation

Erstellen Sie anhand von REFERENCE_0 einen Folge-Screenshot, der das ausgewählte Tool „Web-Apps erstellen“ als lokale Webanwendungsvorschau zeigt. Ersetzen Sie die Plugin-Listenansicht durch einen Browser-ähnlichen Localhost-Arbeitsbereich mit einer klaren, weißen Benutzeroberfläche, weichen Schatten und abgerundeten Ecken. Wichtigste Änderungen: Zeigen Sie eine Benutzeroberfläche zum Erstellen/Anmerken der Anwendung anstelle des ursprünglichen Plugin-Verzeichnisses an. Fügen Sie eine obere Leiste hinzu, die links die lokale Adresse und rechts drei kleine Fenster-/Steuerelementsymbole anzeigt. Fügen Sie in der oberen rechten Ecke eine blaue Statusanzeige für Anmerkungen mit dem Text „Anmerkungsstatus“ und einem vertikalen Drei-Punkte-Menü daneben hinzu. Inhaltsbereich: Erstellen Sie eine Benutzeroberfläche im Galerie-Stil, die chinesische Poster-/Kartenentwürfe in einem abgerundeten weißen Bereich anzeigt. Fügen Sie eine Symbolleiste auf der linken Seite mit einer Suchschaltfläche und einer blauen Schaltfläche zum Kommentieren/Anmerken mit der Markierung „1“ hinzu. Zeigen Sie mindestens zwei sichtbare Poster-/Kartenminiaturen in einem dunkelbraunen, traditionell chinesischen Stil an und behalten Sie gleichzeitig einige transparente Schachbrettmuster-Platzhalterbereiche im rechten Bereich bei. Overlay: Platzieren Sie eine große, frei schwebende Eingabeblase mit abgerundeten Ecken für Anmerkungen zentriert am oberen Rand des Inhaltsbereichs. Sie sollte einem eingebetteten KI-Kommentar-Editor ähneln und links einen Schieberegler/ein Einstellungssymbol mit chinesischem Anweisungstext enthalten: {argument name="comment text" default="Die Darstellung und das Gesamtdesign dieser Schaltfläche stimmen nicht überein; bitte passen Sie sie an."}, eine „Abbrechen“-Schaltfläche, ein kleines Mikrofonsymbol und eine schwarze, runde Bestätigungsschaltfläche mit einem weißen Häkchen. Unten im rechten Vorschaufenster: Fügen Sie drei Aktionsschaltflächen mit den Bezeichnungen „Öffnen“, „Ordner“ und „Pfad“ hinzu, jeweils mit einem einfachen Liniensymbol. Achten Sie auf die realistische Darstellung des Screenshots, als ob Sie „Web-Apps mit integrierten HTML-Anmerkungen erstellen“ verwenden würden, um in einer Produktdemo eine UI-Optimierung anzufordern.