Ui Ux Pro Max

• Você precisa revisar ou melhorar uma interface existente e quer recomendações acionáveis e priorizadas, em vez de conselhos vagos.
• Você está projetando fluxos de usuário para fluxos de trabalho complexos — formulários com múltiplas etapas, sequências de onboarding ou layouts mestre-detalhe — e precisa de uma abordagem estruturada.
• Você quer construir ou auditar um design system, incluindo hierarquias de componentes, regras de espaçamento, definições de estado e diretrizes de uso.
• Você está implementando detalhes de polimento de UI como estados de carregamento, estados vazios, micro-interações e transições que fazem uma interface parecer rápida e intencional.

• Você precisa de criação de ativos visuais (ícones, ilustrações, mockups ou arquivos de design para produção) — esta skill oferece orientação e padrões em nível de código, não saídas gráficas.
• Você está buscando design nativo específico de plataforma (por exemplo, aprofundamentos nas Human Interface Guidelines do SwiftUI ou bibliotecas de componentes do Material 3 para Android) em vez de princípios gerais de UX para web/apps.

A skill aplica princípios fundamentais — divulgação progressiva, ciclos de feedback, prevenção de erros, reconhecimento em vez de memorização e consistência — diretamente ao seu contexto de design específico. Em vez de teoria abstrata, você obtém decisões concretas mapeadas para seus usuários, tarefas e plataforma.

Abrange padrões de navegação (barra de navegação superior, barra lateral, barra de abas, breadcrumbs, paleta de comandos), padrões de formulário (coluna única, assistente passo a passo, edição inline) e padrões de exibição de dados (tabelas, grades de cards, listas, dashboards) com orientações claras sobre quando cada um é a escolha certa.

Fornece especificações precisas de implementação para estados de carregamento (skeleton screens, UI otimista), estados vazios, transições (duração, easing, valores de movimento) e micro-interações como feedback de pressão de botão, animações de alternância e estados de envio de formulário.

Produz definições estruturadas de componentes, incluindo hierarquias de variantes, escalas de tamanho e especificações completas de estados (padrão, hover, ativo, foco, desabilitado, carregando). O exemplo do sistema de botões demonstra o nível de detalhe: valores exatos em pixels, regras de opacidade e restrições de uso.

Inclui métodos práticos de validação: o teste de 5 segundos para clareza de página, o teste do olho semicerrado para hierarquia visual, o teste de tabulação para navegabilidade por teclado e o teste de estados de erro. Esses métodos ajudam você a identificar problemas antes de lançar o produto.

Quando uma página de configurações parece sobrecarregada ou desorganizada, esta skill audita a estrutura atual, identifica problemas de agrupamento e interação, e recomenda um layout de navegação em barra lateral com comportamento de salvamento automático, indicadores de alteração e controles de redefinição por campo — com padrões de componentes específicos incluídos.

Para um novo recurso de aplicativo ou produto, a skill Ui Ux Pro Max cria uma sequência de integração em etapas com uma ação principal por etapa, indicadores de progresso visíveis, valores padrão pré-preenchidos de forma inteligente, etapas opcionais claramente sinalizadas e uma meta de tempo total — pronto para entrega à equipe de engenharia.

Quando um aplicativo possui botões ou chamadas para ação inconsistentes, esta skill produz um sistema de botões completo: quatro variantes semânticas (Primário, Secundário, Ghost, Destrutivo), três níveis de tamanho com dimensões exatas e todos os estados de interação necessários com especificações visuais precisas.

Use esta skill para avaliar uma interface quanto à navegabilidade por teclado, anéis de foco visíveis, contraste de cores, preferências de movimento e suporte a leitores de tela — tratando a acessibilidade como um requisito fundamental de UX, e não como algo secundário.