Visão geral Casos de uso Habilidades Prompts Preços Blogue Atualizações

Demonstração de Anotação de Web App Local

Gera uma prévia realista de um web app em localhost mostrando uma sobreposição de anotação usada para solicitar ajustes de UI em um fluxo de trabalho de Build Web Apps.

Instrução

Usando REFERENCE_0 como contexto, crie uma captura de tela de acompanhamento que mostre a ferramenta “Build Web Apps” selecionada em ação como uma prévia de web app local. Substitua a visualização da lista de plugins por uma área de trabalho localhost semelhante a um navegador em 127.0.0.1:4392, com interface branca limpa, sombras suaves e painéis arredondados. Mudança principal: mostre uma interface de criação/anotação de aplicativos em vez do diretório de plugins original. Adicione uma barra superior com o endereço local à esquerda e exatamente 3 pequenos ícones de janela/controle à direita. Adicione uma pílula de status de anotação azul no canto superior direito com o texto 正在注释 e um menu vertical de três pontos ao lado. Área de conteúdo: crie uma interface estilo galeria com designs de pôsteres/cartões chineses dentro de painéis brancos arredondados. Inclua uma linha de barra de ferramentas à esquerda com um botão de Pesquisa e um botão azul de comentário/anotação com um selo rotulado “1”. Mostre pelo menos duas miniaturas de pôsteres/cartões visíveis, usando um estilo visual chinês tradicional em marrom escuro, enquanto deixa algumas áreas de espaço reservado transparente em xadrez no painel direito. Sobreposição: coloque um grande balão de entrada de anotação flutuante e arredondado centralizado perto da parte superior central do conteúdo. Deve parecer um editor de comentários de IA em linha, com um ícone de controles/configurações à esquerda, texto de instrução em chinês 这个按钮的视觉和整体设计不符合，调整一下。, um botão de cancelar “取消”, um pequeno ícone de microfone e um botão de confirmação circular preto com uma marca de seleção branca. Parte inferior do painel de visualização direito: adicione exatamente 3 botões de ação rotulados “Open”, “Folder” e “Path”, cada um com um ícone de linha simples. Mantenha a captura de tela realista, como uma demonstração de produto do uso de Build Web Apps com anotação HTML integrada para solicitar refinamentos de UI.

Imagens de referência

Como usar este prompt

1
Copie o prompt completo acima.
2
Abra uma plataforma compatível com o GPT Image 2, como a YouMind, e cole o prompt.
3
Troque o tema, o estilo ou os detalhes conforme a sua ideia e gere.

Este é um prompt de IA gratuito da biblioteca de prompts da YouMind. Explore outros milhares de prompts de imagem, todos gratuitos para copiar e adaptar.

Explorar mais prompts de imagem

Mais de GPT Image 2

Todas as categorias de Imagem

Casos de uso

Perfil / Avatar Publicação em Redes Sociais Infográfico / Visual Educacional Miniatura do YouTube Banda desenhada / Storyboard Ver mais

Estilos

Fotografia Cena de Cinema / Fotograma Anime / Mangá Ilustração Esboço / Arte Linear Ver mais

Assuntos

Retrato / Selfie Influenciador(a) / Modelo Personagem Grupo / Casal Produto Ver mais

Mais recursos de prompts

Biblioteca de IA

Procura de prompts com IA

Deixa a IA pesquisar em dezenas de milhares de prompts. Filtra por modelo, intervalo de datas e palavras-chave e ordena por interação: visualizações, favoritos, partilhas e mais.

Experimentar grátis

Ferramentas de visão

Imagem para prompt

Transforme qualquer foto num prompt de imagem IA detalhado. O conversor gratuito de imagem para prompt analisa composição, estilo e iluminação para recriar qualquer visual em segundos.

Converter imagem em prompt