IP
Gerar
Imagem de pré-visualização da demonstração de anotação do aplicativo web local
Imagem de referência primária

Demonstração de anotação de aplicativo web local

Gera uma pré-visualização realista de um aplicativo web localhost, exibindo uma sobreposição de anotações usada para solicitar ajustes na interface do usuário em um fluxo de trabalho de Criação de Aplicativos Web.

Este é um exemplo de prompt GPT Image 2 para Outra Inspiração . Use o prompt pronto para copiar abaixo para gerar visuais semelhantes e revise a atribuição Awesome GPT Image 2 Prompts e os direitos de uso comercial antes de reutilizá-los.

Precisa do conjunto completo de instruções? Use o Outra Inspiração Para obter mais exemplos relacionados, acesse o hub de tópicos ou abra o GPT Image 2 catálogo de prompts Para obter o índice completo de exemplos, estruturas reutilizáveis ​​e atribuição de fontes.

Free 1K preview

Generate one preview image instantly, no sign-up required.

…
1900/4000
Continue on Dovoo

Incitar

prompt pronto para copiar

With REFERENCE_0 as context, create a follow-up screenshot demonstrating the “Build Web Apps” tool running as a local web app preview. Replace the plugin list view with a browser-style localhost workspace for {argument name="local address" default="127.0.0.1:4392"}, employing a clean white UI, soft shadows, and rounded corner panels.

Key Changes: Showcase an app building/annotation interface instead of the original plugin directory. Add a top bar with the local address displayed on the left and 3 small window/control icons on the right. Include a blue annotation status capsule in the upper right corner with the text {argument name="annotation status" default="Commenting"}, accompanied by a vertical three-dot menu.

Content Area: Create a gallery-style UI showcasing Chinese poster/card designs within rounded white panels. Include a left-side toolbar row with a search button and a blue comment/annotation button marked with “1”. Display at least two visible poster/card thumbnails in a dark brown, traditional Chinese visual style, while maintaining some grid-pattern transparent placeholder areas on the right panel.

Overlay: Position a large, floating, rounded corner annotation input bubble centered in the upper-middle of the content area. It should resemble an embedded AI comment editor, with slider/settings icons on the left, containing Chinese instruction text {argument name="comment text" default="The visual and overall design of this button doesn't align, please adjust it."}, a “Cancel” button, a microphone icon, and a black circular confirmation button with a white checkmark.

Bottom of the right preview panel: Add 3 operation buttons labeled “Open”, “Folder”, and “Path”, each accompanied by a simple line icon. Maintain the realism of the screenshot, as if it were a product demo requesting UI optimization using Build Web Apps combined with built-in HTML annotation.

Variáveis ​​de prompt

Marcadores de posição editáveis ​​para argumentos encontrados no prompt, com seus valores padrão.

3
Variável
local address
Padrão
127.0.0.1:4392
Variável
annotation status
Padrão
Commenting
Variável
comment text
Padrão
The visual and overall design of this button doesn't align, please adjust it.

Best for

  • - Outra Inspiração visual exploration
  • - Image generation and reference-image edits
  • - Reusable briefs that keep source attribution visible

Change these parts

  • - Subject, product, character, or scene
  • - Aspect ratio, camera, lighting, and background
  • - Brand, text, color, and output constraints

Recommended model and settings

  • - Model: gpt-image-2
  • - Input mode: Texto para Imagem
  • - Aspect ratio: source
  • - Commercial status: review original source

How to use this prompt

  1. 1. Copy the prompt and preserve its structure for the first test.
  2. 2. Replace the subject, context, and publishing channel.
  3. 3. Change one camera, lighting, or style variable per iteration.
  4. 4. Inspect the output, source, text, and rights before reuse.

Limitations, source, and reuse cautions

  • - Generated output is an editable draft, not factual, legal, or rights evidence.
  • - Review the linked source, people, brands, logos, text, and third-party media before commercial use.
Importado de Awesome GPT Image 2 Prompts . É necessário dar crédito. O uso comercial é permitido allowed ; revise os direitos da fonte antes de utilizá-lo mediante pagamento.

Related prompt packs

Mais casos nesta categoria

Priorizados por categoria, compatibilidade do modo de entrada, qualidade e menor risco.

6

Reutilização e notas de origem

Utilize esta instrução com segurança após visualizar o caso.

  1. 1.Copie o prompt ou abra-o diretamente no Dovoo com o botão de geração.
  2. 2.Ajuste as variáveis, a proporção e as imagens de referência de acordo com o seu caso específico.
  3. 3.Antes de publicar ou utilizar o conteúdo mediante pagamento, verifique os direitos da fonte, os requisitos de atribuição e os riscos relacionados à marca ou à imagem.
Apenas para adultos

Deseja sugestões, bate-papo e geração de conteúdo sem censura?

Todo o conteúdo deste site é adequado para todos os públicos. Para bate-papo com IA sem filtros e geração de imagens/vídeos, acesse Stella AI.

Geração de bate-papo, imagens e vídeos com IA sem filtros na Stella AI.