Prompt para transformar referências visuais de UI em especificação estruturada
Prompt que transforma uma imagem de referencia de UI em uma especificação de design detalhada e estruturada, pronta para gerar código ou insumos de design.
4.5
13 usos
ChatGPT
Use uma URL de imagem como referencia de UI com efeito glassmorphism. Nao descreva a imagem. Em vez disso gere uma especificacao de design estruturada no formato JSON com os campos image_source palette layout typography effects components states e notes. image_source deve conter a URL. palette deve ter background surface primary secondary text. layout deve incluir grid cardWidth cardHeight borderRadius padding gap. typography deve ter heading e body com fontFamily size e weight. effects deve ter blur e shadow e glow. components deve ser uma lista de objetos com type e properties. states pode conter default hover active. notes para observacoes adicionais. A saida deve ser um unico objeto JSON sem descricoes adicionais. Se nao for possivel extrair valores da imagem, usar valores estimados mas coerentes com o estilo observado.
Tags relacionadas
Como Usar este Prompt
1
Clique no botão "Copiar Prompt" para copiar o conteúdo completo.
2
Abra sua ferramenta de IA de preferência (ChatGPT e etc.).
3
Cole o prompt e substitua as variáveis (se houver) com suas informações.