Correção de UI/UX de Aplicações
Melhor UI, imagens anotadas e comandos.
Correção de UI/UX de Aplicações
Melhor UI, imagens anotadas e comandos.
Pré-visualização
Descrição
Transforme capturas de ecrã de aplicações Android e iOS em melhorias claras de UI/UX que o seu programador pode implementar. Para cada alteração, recebe: • Uma maqueta limpa com o resultado proposto. • Uma imagem anotada correspondente com setas numeradas. • Um comando de implementação copiável que explica o que alterar, o que preservar, como as interações devem funcionar e como verificar o resultado. Concebido para proprietários de aplicações, programadores e designers que trabalham com programadores humanos ou assistentes de código de IA. Preserva a identidade da sua aplicação por predefinição e foca-se nos problemas que quer resolver. Considera ecrãs pequenos e grandes, escala de texto, acessibilidade e esquemas RTL/LTR multilíngues. O inglês é o idioma predefinido. A skill responde no idioma do utilizador quando identificável e preserva o idioma da interface da aplicação, a menos que seja pedida uma tradução. Requer capacidades de compreensão de imagem, geração de imagem e edição de imagens de referência para entregáveis visuais. Produz propostas de design e instruções para programadores, e não uma aplicação compilada, implementada ou testada.
Habilidades relacionadas
Ver tudo
Página webEstúdio de Design AI
Transforme ideias iniciais, estruturas de conteúdos ou capturas de ecrã em entregáveis de design polidos e prontos a implementar através de um fluxo de trabalho estruturado em 8 fases. ### Para Quem Se Destina Fundadores, gestores de produto, profissionais de marketing, educadores, criadores e programadores que precisam de designs visuais acessíveis e código front-end limpo sem comandos de tentativa e erro. ### O Que Deve Fornecer - O seu objetivo de design e público-alvo (página de destino para SaaS, painel, UI móvel, ficha de trabalho imprimível, gráfico para redes sociais, cartaz ou kit de marca). - Qualquer texto necessário, dimensões, cores da marca ou capturas de ecrã de referência (se omitido, a skill aplica predefinições sensatas e divulga-as). ### Como Funciona 1. **Briefing e Estratégia**: Extrai o seu objetivo e restrições, sinaliza especificações contraditórias antecipadamente e seleciona uma estratégia adaptada (Conversão, Eficiência de Tarefas, Legibilidade/Impressão ou Foco na Acessibilidade). 2. **Sistema Visual**: Define uma paleta de cores semântica (com cálculos de contraste WCAG 2.2 AA), escala tipográfica modular e grelha de 4px/8px. 3. **Produção e Alternativas Inteligentes**: Gera HTML5/CSS3 semântico, vetores SVG escaláveis, fichas de trabalho prontas a imprimir (`@page` / `@media print`) e tokens de design W3C, além de 3 prompts de imagem autónomos (Hierarquia Estrita, Estética Criativa, Híbrido) quando as ferramentas de imagem rasterizada não estão ativas. 4. **Controlo de Qualidade Honesto em 4 Estados**: Audita o contraste, rótulos, links e geometria de impressão, classificando cada verificação como `VERIFICADO`, `NÃO VERIFICADO`, `FALHOU` ou `NÃO APLICÁVEL`. ### O Que Recebe - Resumo de Design Conciso e Tabela de Tokens do Sistema Visual - Ficheiros HTML/CSS/SVG ou layouts imprimíveis prontos a implementar - Relatório de Controlo de Qualidade em 4 Estados com instruções de edição e exportação ### Limites Produz 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 registadas legais requerem revisão humana.
ImagemRemix 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 a sua referência eficaz e ajuda a adaptá-la ao seu sujeito, estilo ou produto. Mantenha a composição e a atmosfera de que gosta, alterando detalhes selecionados através de cinco escolhas guiadas. OS SEUS CINCO CONTROLOS CRIATIVOS • Personagem / Sujeito — Preserve o aspeto da origem, descreva alterações ou forneça uma referência. • Vestuário — Mantenha o conjunto, descreva um novo visual ou utilize uma referência de roupa. • Ambiente — Preserve o cenário ou transfira a cena para outro local. • Realismo da pele — Escolha pele suave mas realista, textura natural, sardas subtis ou a sua própria descrição. • Joias — Preserve, redesenhe, substitua, remova ou forneça uma referência. COMO FUNCIONA Carregue uma imagem de origem e faça as suas escolhas. Adicione referências de pessoas, vestuário ou produtos quando necessário. A skill reúne os detalhes essenciais em falta, prepara um prompt completo de geração em inglês, explica o resultado pretendido na sua língua e gera uma imagem. CONTROLE AS ALTERAÇÕES. MANTENHA O IMPACTO VISUAL. A pose, o enquadramento, a perspetiva e a atmosfera mantêm-se consistentes, a menos que escolha alterá-los. A iluminação, as sombras, os reflexos e os materiais adaptam-se para ajudar a integrar naturalmente os novos elementos. As referências têm funções distintas: uma referência de roupa orienta o vestuário, enquanto uma referência de produto orienta o design do produto. Isto ajuda a impedir que rostos, fundos ou acessórios não relacionados sejam transferidos. O QUE RECEBE • Uma imagem personalizada gerada. • Um prompt de imagem completo e reutilizável em inglês. • Uma explicação clara na sua língua. Adicione instruções opcionais para iluminação, enquadramento, proporção ou texto. Aperfeiçoe o resultado através de revisões direcionadas, mantendo as suas escolhas aceites. Recriação orientada por referências; não é garantida uma duplicação pixel a pixel.
ImagemEstúdio Antes/Depois
Dê protagonismo à transformação. Transforme uma única fotografia de produto em visuais publicitários arrojados de antes e depois, com direção artística expressiva, composições marcantes e uma transformação em destaque. De cosméticos e cuidados pessoais a limpeza e fitness, esta skill explora as utilizações do seu produto e desenvolve formas criativas de visualizar os seus benefícios relevantes. O SEU PRODUTO. A SUA DIREÇÃO CRIATIVA. Comece com uma fotografia. A skill pesquisa o produto e ajuda-o 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, com prompts completos para gerar imagens. Pense em revelações com tecidos fluidos, ambientes escultóricos, grandes planos dramáticos, transições em vidro ou um mundo inesperado construído em torno do seu produto. Cada conceito apresenta uma história visual diferente. ANTES E DEPOIS, EM PRIMEIRO PLANO. Cenas de transformação grandes e claramente legíveis lideram a composição. A colocação do produto, a atmosfera e a tipografia trabalham em conjunto para destacar a mudança — mesmo no ecrã de um telemóvel. VOCÊ APROVA. DEPOIS, A CRIAÇÃO COMEÇA. Reveja os prompts, peça ajustes e selecione um conceito ou os três. A geração de imagens começa apenas após a sua aprovação, utilizando as capacidades disponíveis no seu espaço de trabalho. CRIADO À MEDIDA DAS SUAS PREFERÊNCIAS. Escolha dimensões quadradas, verticais, horizontais ou personalizadas. Adicione um título marcante, mantenha o texto reduzido ou deixe os visuais falarem por si. O fluxo de trabalho adapta-se ao seu idioma, enquanto os prompts de produção são escritos em inglês por predefinição. Carregue o seu produto. Defina a cena. Dê destaque à transformação.
Informações
- Versão
- v2
- Última atualização
- Créditos por execução
- Conforme a utilização
- Modelos
- Automático
