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 Outras inspirações . Use o prompt pronto para copiar abaixo para gerar visuais semelhantes e revise a atribuição Awesome Nano Banana Pro Prompts e os direitos de uso comercial antes de reutilizá-los.
Precisa do conjunto completo de instruções? Use o Outras inspirações Para obter mais exemplos relacionados, acesse o hub de tópicos ou abra o Biblioteca de prompts GPT Image 2 Para obter o índice completo de exemplos, estruturas reutilizáveis e atribuição de fontes.
Incitar
prompt pronto para copiar
Usando REFERENCE_0 como contexto, crie uma captura de tela subsequente mostrando a ferramenta selecionada "Build Web Apps" como uma pré-visualização de um aplicativo web local. Substitua a lista de plugins por um espaço de trabalho local no estilo de um navegador, com uma interface de usuário branca e limpa, sombras suaves e cantos arredondados. Principais alterações: Exiba uma interface de compilação/anotação de aplicativos em vez do diretório de plugins original. Adicione uma barra superior exibindo o endereço local à esquerda e três pequenos ícones de janela/controle à direita. Adicione um ícone azul de status de anotação no canto superior direito com o texto "status da anotação" e um menu vertical de três pontos ao lado. Área de conteúdo: Crie uma interface de usuário no estilo de galeria exibindo pôsteres/cartões chineses em um painel branco arredondado. Inclua uma barra de ferramentas à esquerda com um botão de pesquisa e um botão azul de comentário/anotação marcado com um "1". Exiba pelo menos duas miniaturas visíveis de pôsteres/cartões em um estilo visual chinês tradicional marrom escuro, mantendo algumas áreas transparentes com padrão quadriculado no painel direito. Sobreposição: Coloque um balão de entrada de anotações grande, flutuante e com cantos arredondados, centralizado na parte superior da área de conteúdo. Ele deve se assemelhar a um editor de comentários com IA integrado, com um ícone de controle deslizante/configurações à esquerda, contendo o texto de instrução em chinês {argument name="texto do comentário" default="Os elementos visuais e o design geral deste botão não correspondem; ajuste-o."}, um botão "Cancelar", um pequeno ícone de microfone e um botão de confirmação circular preto com uma marca de seleção branca. Na parte inferior do painel de visualização à direita: Adicione três botões de ação com os rótulos "Abrir", "Pasta" e "Caminho", cada um com um ícone de linha simples. Mantenha o realismo da captura de tela, como se estivesse usando a opção "Criar aplicativos da Web" com anotações HTML integradas para solicitar a otimização da interface do usuário em uma demonstração do produto.Variáveis de prompt
Marcadores de posição editáveis para argumentos encontrados no prompt, com seus valores padrão.
Variável
local address
Padrão
127.0.0.1:4392
Variável
annotation status
Padrão
Annotating
Variável
comment text
Padrão
This button's visual appearance doesn't match the overall design; please adjust it.
Reutilização e notas de origem
Utilize esta instrução com segurança após visualizar o caso.
- 1.Copie o prompt ou abra-o diretamente no Dovoo com o botão de geração.
- 2.Ajuste as variáveis, a proporção e as imagens de referência de acordo com o seu caso específico.
- 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.