Nos termos do próprio skill
Esta skill gera imagens premium de telas de aplicativos móveis para iOS, Android e produtos multiplataforma, cobrindo fluxos de onboarding, dashboards, telas de perfil, fluxos de autenticação, e-commerce, fintech, saúde, produtividade e aplicativos sociais. Ela prioriza hierarquia limpa, texto legível, forte consistência entre múltiplas telas, paletas de cores controladas, direção criativa não genérica, superfícies texturizadas, composição guiada por imagem e iconografia personalizada.
As telas aparecem dentro de mockups premium sutis de iPhone ou telefones semelhantes, com molduras visíveis por padrão. A skill gera apenas imagens — sem código, sem implementação, sem conversão de imagem para código. Ela usa valores de configuração como DESIGN_VARIANCE: 8, ART_DIRECTION: 9, TEXT_READABILITY_PRIORITY: 10 e CONSISTENCY_STRENGTH: 10 para combater ativamente padrões genéricos de saída de IA para dispositivos móveis, incluindo dashboards fintech falsos, texto minúsculo ilegível, paletas roxo-azul genéricas e conjuntos de telas inconsistentes.
O que ele produz
- Uma ou mais imagens de telas móveis dentro de mockups de telefone limpos, com bordas de dispositivo visíveis, onde o foco principal permanece no próprio conteúdo do aplicativo
- Opcionalmente, visualizações de detalhe extras ou novas imagens de tela independentes quando um detalhe não está claro, geradas especificamente em vez de recortadas de imagens maiores
Como funciona
- 01Selecione Primeiro o Modo de Plataforma
Escolha iOS nativo premium, Android nativo premium ou multiplataforma premium neutro para estabelecer padrões de navegação, tratamento de área segura e comportamento de chrome antes de gerar qualquer tela.
- 02Bloqueie a Bíblia de Design Interna
Ao gerar várias imagens para o mesmo aplicativo, estabeleça e mantenha modo de plataforma, estilo de moldura de dispositivo, lógica de paleta, tom tipográfico, sistema de espaçamento, raio de canto, estilo de ícone e modelo de navegação consistentes em todas as telas.
- 03Escolha o Sistema de Direção Visual
Selecione um paradigma temático, um caráter tipográfico, uma tendência de estrutura, uma tendência de direção de arte para imagens, um tratamento de textura, uma lógica de paleta, exatamente 4 componentes de assinatura, exatamente 2 assets decorativos e exatamente 2 linguagens de movimento implícito para evitar resultados repetitivos.
- 04Gerar Novas Renderizações de Detalhe Quando Necessário
Quando uma tela ou detalhe precisar de uma visualização dedicada, gere uma nova imagem de tela independente em vez de recortá-la de uma imagem maior gerada anteriormente, para preservar espaçamento, proporções e tipografia.
- 05Executar Verificação de Qualidade
Antes de finalizar, verifique 27 itens, incluindo se parece um aplicativo móvel real e não um site, se as áreas seguras são respeitadas, se a primeira tela está limpa, se o texto é legível, se telas suficientes foram geradas, se o fluxo é coerente e se o enquadramento do mockup está limpo.