Visão Geral Casos de Uso Habilidades Prompts Preços Blog 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.

Comando

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 em 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/cards em chinês dentro de painéis brancos arredondados. Inclua uma linha de barra de ferramentas à esquerda com um botão de busca e um botão azul de comentário/anotação com um selo rotulado como “1”. Mostre pelo menos duas miniaturas de pôsteres/cards visíveis, usando um estilo visual chinês tradicional em marrom escuro, deixando 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. Ele deve parecer um editor de comentários de IA em linha, com um ícone de sliders/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 verificação branca. Parte inferior do painel de prévia direito: adicione exatamente 3 botões de ação rotulados como “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 Mídias Sociais Infográfico / Edu Visual Miniatura do YouTube Quadrinhos / Storyboard Ver mais

Estilos

Fotografia Cinematográfico / Imagem de Filme 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

Busca de prompts com IA

Deixe a IA buscar em dezenas de milhares de prompts. Filtre por modelo, período e palavras-chave, e ordene por engajamento: visualizações, favoritos, compartilhamentos e mais.

Testar grátis

Ferramentas de visão

Imagem para prompt

Transforme qualquer foto em um 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