Correção de UI/UX de App
Melhore interfaces, imagens e prompts para dev.
Correção de UI/UX de App
Melhore interfaces, imagens e prompts para dev.
Prévia
Descrição
Transforme capturas de tela de aplicativos Android e iOS existentes em melhorias claras de UI/UX que seu desenvolvedor pode implementar. Para cada alteração, receba: • Um mock-up limpo mostrando o resultado proposto. • Uma imagem anotada correspondente com setas numeradas. • Um prompt de implementação copiável explicando o que alterar, o que preservar, como as interações devem funcionar e como verificar o resultado. Projetado para proprietários de aplicativos, desenvolvedores e designers que trabalham com programadores humanos ou assistentes de codificação de IA. Preserva a identidade do seu aplicativo por padrão e foca nos problemas que você deseja resolver. Considera telas pequenas e grandes, escala de texto, acessibilidade e layouts multilíngues RTL/LTR. O inglês é o idioma padrão. A skill responde no idioma do usuário quando identificável e preserva o idioma da interface do aplicativo, a menos que a tradução seja solicitada. Requer recursos de compreensão de imagem, geração de imagem e edição de imagem de referência para entregáveis visuais. Produz propostas de design e instruções para desenvolvedores, não um aplicativo compilado, implementado ou testado.
Habilidades relacionadas
Ver tudoEstúdio de Design IA
Transforme ideias, esboços de conteúdo ou capturas de tela de interfaces em entregáveis de design polidos e prontos para implementação por meio de um fluxo de trabalho estruturado em 8 fases. ### Para quem é Fundadores, gerentes de produto, profissionais de marketing, educadores, criadores e desenvolvedores que precisam de designs visuais acessíveis e código front-end limpo sem precisar de tentativas e erros com prompts. ### O que fornecer - Seu objetivo de design e público-alvo (página de destino para SaaS, painel, interface móvel, planilha para impressão, gráfico para redes sociais, pôster ou kit de marca). - Qualquer texto necessário, dimensões, cores da marca ou capturas de tela de referência (se omitido, a habilidade aplica padrões sensatos e os divulga). ### Como funciona 1. **Briefing e Estratégia**: Extrai seu objetivo e restrições, sinaliza especificações conflitantes antecipadamente e seleciona uma estratégia personalizada (Conversão, Eficiência de Tarefas, Legibilidade/Impressão ou Foco em Acessibilidade). 2. **Sistema Visual**: Define uma paleta de cores semântica (com cálculo de contraste WCAG 2.2 AA), escala tipográfica modular e grade de 4px/8px. 3. **Produção e Alternativas Inteligentes**: Gera HTML5/CSS3 semântico, vetores SVG escaláveis, planilhas prontas para impressão (`@page` / `@media print`) e tokens de design W3C — além de 3 prompts de imagem independentes (Hierárquico Estrito, Estético Criativo, Híbrido) quando as ferramentas de imagem rasterizada não estiverem ativas. 4. **QA Honesto em 4 Estados**: Audita contraste, rótulos, links e geometria de impressão, marcando cada verificação como `VERIFIED`, `NOT VERIFIED`, `FAILED` ou `NOT APPLICABLE`. ### O que você obtém - Briefing de Design Conciso e Tabela de Tokens do Sistema Visual - Arquivos HTML/CSS/SVG prontos para implementação ou layouts para impressão - Relatório de QA em 4 Estados com instruções de edição e exportação ### Limites Fornece formatos abertos (`.html`, `.css`, `.svg`, `.pdf`, `design-tokens.json`) que podem ser importados para o Figma/Illustrator em vez de binários fechados (`.fig`, `.psd`). Provas de impressão CMYK comerciais e verificações de marcas registradas legais exigem revisão humana.
Remix de Imagem
Crie visuais personalizados a partir de imagens de referência marcantes — para publicidade, conceitos de moda, retratos editoriais, cenas de produtos e exploração visual. O Image Remix analisa o que torna sua referência eficaz e ajuda você a adaptá-la ao seu sujeito, estilo ou produto. Mantenha a composição e a atmosfera que você aprecia enquanto altera detalhes selecionados por meio de cinco escolhas guiadas. SEUS CINCO CONTROLES CRIATIVOS • Personagem / Sujeito — Preserve a aparência da fonte, descreva alterações ou forneça uma referência. • Figurino — Mantenha a roupa, descreva um novo visual ou use uma referência de vestuário. • Ambiente — Preserve o cenário ou leve a cena para um novo lugar. • Realismo da pele — Escolha uma pele lisa, mas realista, textura natural, sardas sutis ou sua própria descrição. • Joias — Preserve, redesenhe, substitua, remova ou forneça uma referência. COMO FUNCIONA Envie uma imagem de origem e faça suas escolhas. Adicione referências de pessoa, figurino ou produto quando necessário. O skill reúne os detalhes essenciais que estiverem faltando, prepara um prompt completo em inglês para geração, explica o resultado pretendido no seu idioma e gera uma imagem. CONTROLE AS ALTERAÇÕES. MANTENHA O IMPACTO VISUAL. A pose, o enquadramento, a perspectiva e a atmosfera permanecem consistentes, a menos que você escolha alterá-los. A iluminação, as sombras, os reflexos e os materiais se adaptam para ajudar os novos elementos a parecerem naturalmente integrados. As referências têm funções separadas: uma referência de vestuário orienta a roupa, enquanto uma referência de produto orienta o design do produto. Isso ajuda a evitar que rostos, fundos ou acessórios não relacionados sejam transferidos. O QUE VOCÊ RECEBE • Uma imagem personalizada gerada. • Um prompt completo e reutilizável em inglês para imagens. • Uma explicação clara no seu idioma. Adicione instruções opcionais para iluminação, enquadramento, proporção ou texto. Refine o resultado por meio de revisões direcionadas, mantendo suas escolhas já aceitas. Recriação orientada por referência; não há garantia de duplicação pixel a pixel.
Estúdio Antes e Depois
Coloque a transformação em primeiro plano. Transforme uma única foto de produto em visuais publicitários marcantes de antes e depois, com direção de arte expressiva, composições impactantes e uma transformação que ocupa o centro das atenções. De cosméticos e cuidados pessoais a limpeza e fitness, esta skill explora os usos do seu produto e desenvolve formas criativas de visualizar seus benefícios relevantes. SEU PRODUTO. SUA DIREÇÃO CRIATIVA. Comece com uma foto. A skill pesquisa o produto e ajuda você a escolher a cena, os materiais, os elementos visuais, o formato e o estilo do texto. Prefere uma surpresa? Deixe a IA assumir a direção criativa. TRÊS CONCEITOS. TRÊS IDEIAS VISUAIS DISTINTAS. Explore três conceitos personalizados, cada um com prompts completos para geração de imagens. Pense em revelações com tecidos esvoaçantes, ambientes esculturais, closes dramáticos, transições com vidro ou um mundo inesperado criado em torno do seu produto. Cada conceito oferece uma história visual diferente. ANTES E DEPOIS, NO CENTRO DAS ATENÇÕES. Cenas de transformação grandes e fáceis de ler conduzem a composição. A posição do produto, a atmosfera e a tipografia trabalham juntas para destacar a mudança — até mesmo na tela de um celular. VOCÊ APROVA. DEPOIS, ELE CRIA. Revise os prompts, peça ajustes e selecione um conceito ou os três. A geração de imagens começa somente após sua aprovação, usando os recursos disponíveis no seu ambiente de trabalho. CRIADO DE ACORDO COM SUAS PREFERÊNCIAS. Escolha dimensões quadradas, verticais, horizontais ou personalizadas. Adicione um título marcante, mantenha o texto minimalista ou deixe os visuais falarem por si. O fluxo de trabalho se adapta ao seu idioma, enquanto os prompts de produção são escritos em inglês por padrão. Envie seu produto. Crie a cena. Coloque a transformação em foco.
Informações
- Versão
- v2
- Última atualização
- Créditos por execução
- Conforme o uso
- Modelos
- Automático