IP
Generer
Forhåndsvisningsbilde av demonstrasjon av annotering av lokal webapp
Primært referansebilde

Demo av annotering av lokale webapper

Genererer en realistisk forhåndsvisning av localhost-webappen som viser et annotasjonsoverlegg som brukes til å be om justeringer av brukergrensesnittet i en arbeidsflyt for webappbygging.

Dette er et tilfelle av en gpt-image-2 -ledetekst for Andre inspirasjoner . Bruk den kopieringsklare ledeteksten nedenfor for å generere lignende visuelle elementer, og gjennomgå Awesome Nano Banana Pro Prompts -attribusjonen pluss kommersielle bruksrettigheter før gjenbruk.

Trenger du hele settet med ledetekster? Bruk Andre inspirasjoner emnehub for flere relaterte eksempler, eller åpne GPT Image 2-ledetekstbibliotek for den fullstendige eksempelindeksen, gjenbrukbare strukturer og kildeattribusjon.
Prøv denne meldingen

Spørsmål

Klar til kopiering

Bruk REFERENCE_0 som kontekst, og lag et oppfølgingsskjermbilde som viser det valgte verktøyet «Build Web Apps» som en forhåndsvisning av en lokal webapplikasjon. Erstatt programtilleggslistevisningen med et nettleserlignende localhost-arbeidsområde med et rent hvitt brukergrensesnitt, myke skygger og avrundede hjørner. Viktige endringer: Vis et programbyggings-/annoteringsgrensesnitt i stedet for den opprinnelige programtilleggskatalogen. Legg til en topplinje som viser den lokale adressen til venstre og tre små vinduer/kontrollikoner til høyre. Legg til en blå annoteringsstatuskapsel øverst til høyre med teksten «annoteringsstatus» og en vertikal trepunktsmeny ved siden av. Innholdsområde: Lag et brukergrensesnitt i galleristil som viser kinesiske plakat-/kortdesign i et avrundet hvitt panel. Inkluder en verktøylinjerad på venstre side med en søkeknapp og en blå kommentar-/annoteringsknapp merket med en «1». Vis minst to synlige plakat-/kortminiatyrbilder i en mørkebrun, tradisjonell kinesisk visuell stil, samtidig som du beholder noen gjennomsiktige sjakkbrettplassholderområder i høyre panel. Overlegg: Plasser en stor, flytende annoteringsboble med avrundede hjørner sentrert øverst i innholdsområdet. Den skal ligne en innebygd kommentarredigerer med AI, med et glidebryter-/innstillingsikon til venstre, som inneholder kinesisk instruksjonstekst {argument name="comment text" default="Denne knappens visuelle utseende og generelle design matcher ikke; juster den."}, en "Avbryt"-knapp, et lite mikrofonikon og en svart, sirkulær bekreftelsesknapp med et hvitt hakemerke. Nederst i forhåndsvisningspanelet til høyre: Legg til tre handlingsknapper merket "Åpne", "Mappe" og "Bane", hver med et enkelt linjeikon. Behold skjermbildets realisme, som om du bruker Bygg webapper med innebygde HTML-annoteringer for å be om brukergrensesnittoptimalisering i en produktdemo.

Promptvariabler

Redigerbare argumentplassholdere funnet i ledeteksten, med standardverdiene.

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

Gjenbruk og kildenotater

Bruk denne ledeteksten på en trygg måte etter at du har forhåndsvist saken.

  1. 1.Kopier ledeteksten eller åpne den direkte i Dovoo med genereringsknappen.
  2. 2.Juster variabler, sideforhold og referansebilder for ditt eget brukstilfelle.
  3. 3.Før publisering eller betalt bruk, kontroller kilderettigheter, krav til kreditering og risikoer knyttet til merkevare eller likhet.