UI UX Pro Max

O que ele instala de fato

O repositório é um conjunto de dados com um buscador na frente, não um prompt esperto. A instalação é uma CLI: você instala o `ui-ux-pro-max-cli` globalmente e depois roda `uipro init --ai <assistente>` dentro do projeto, o que escreve os arquivos de skill para a ferramenta que você usa. O README lista uma fila longa de destinos — Claude Code, Cursor, Codex, Copilot, Gemini CLI, Windsurf e outros, mais um caminho universal `.agents/skills/` para qualquer coisa que siga essa convenção — e uma instalação como plugin do Claude Code como alternativa. O script de busca precisa de Python 3 e, segundo o README, usa só a biblioteca padrão, não instala nada e não faz chamadas de rede.

• 192 regras de raciocínio por setor uma por tipo de produto — fintech, clínica odontológica, ferramenta para desenvolvedores, app de hábitos — cada uma trazendo um padrão de página recomendado, uma prioridade de estilo, um clima de cor e tipografia e os antipadrões a evitar naquele setor.
• 79 estilos de interface pesquisáveis, 50 deles ativos os outros 29 são suplementares e só voltam num pedido explícito ou exato, e mais 9 nomes obsoletos ficam totalmente fora do ranking e redirecionam para um estilo canônico. Publicar essa divisão em vez de um número único de manchete é um catálogo mais honesto do que a maioria desses pacotes oferece.
• 192 paletas de cor e 74 pares tipográficos mapeados um a um contra os mesmos tipos de produto, com os imports do Google Fonts inclusos.
• 34 padrões de página de destino guardados de propósito num conjunto de dados separado, para que a estrutura da página não concorra com o estilo visual dentro do mesmo ranking.
• 119 diretrizes de UX puxadas para as falhas que só aparecem em produção: texto cortado quando o navegador amplia, fileiras de chips que não conseguem quebrar linha, selos que carregam significado só na cor, animações interrompidas que param no estado errado.

Por que um pacote de regras muda o que um assistente constrói

Peça uma página de destino a um assistente de código e você recebe a média de tudo o que ele já viu: um herói centralizado, três cartões iguais, um degradê, um emoji fazendo as vezes de ícone. Isso não é um limite do modelo, é a ausência de um briefing. Um pacote de skills estreita o pedido antes da geração — "uma página para um spa" vira um padrão nomeado, uma paleta, um par tipográfico e uma lista de coisas a não fazer — de modo que o assistente escolhe dentro de restrições em vez de puxar para a mediana.

A lista de conferência antes da entrega é a parte que vale roubar mesmo que você nunca instale o pacote. Mínimos de contraste, estados de foco visíveis, nada de emoji como ícone, movimento reduzido respeitado e uma olhada em 375, 768, 1024 e 1440 pixels são exatamente os itens que uma página feita por IA deixa passar, e uma pessoa confere todos eles em dois minutos. A nossa própria posição sobre onde isso para está em devo usar IA para construir meu site.

O que aprendemos rodando nossas próprias regras de design em produção

A AgentCeres — a Growth Officer de IA, em agentceres.com — mantém uma skill de design própria para o agente que constrói e publica páginas de destino de clientes, e nós a reescrevemos em agosto de 2026 exatamente pela razão que faz este projeto existir: a camada de ofício eram cinco tópicos, então a saída era competente e completamente genérica. Medimos a reescrita do único jeito honesto, rodando o mesmo modelo contra o mesmo briefing com a mesma imagem, skill antiga contra nova, e contando os sinais denunciadores:

1. Travessões visíveis no texto dez na saída antiga, nenhum na nova.
2. Rótulos de seção tipo sobretítulo cinco ao longo de seis seções, depois um.
3. Fileiras de três cartões iguais duas, depois nenhuma.
4. Rótulos diferentes para uma mesma intenção de chamada para ação três, depois um.
5. Imagens que sobrevivem à publicação nenhuma, depois todas — a skill antiga produzia uma URL de imagem hospedada que renderizava localmente e quebrava na página publicada.

Essa última linha é a lição que se generaliza para além da nossa stack. Páginas publicadas são servidas sob uma política de segurança de conteúdo estrita, então tanto uma URL de imagem hospedada quanto uma folha de estilos de fontes web funcionavam no arquivo baixado e falhavam silenciosamente assim que iam ao ar — e ninguém percebeu por semanas, porque a única página que alguém tinha publicado não continha imagem nenhuma. Um pacote de regras de design pode estar inteiramente correto e ainda assim produzir uma página que quebra, porque as regras não conhecem o envelope em que a página vai ser renderizada. Seja o que for que você adote, verifique a saída onde ela vai viver de verdade, não onde ela foi feita.

Fazer crescer o que você constrói com ele

Uma página da qual você não tem vergonha levanta o teto de todos os canais que apontam para ela, e sozinha não move nada. O trabalho depois que a página vai ao ar é do tipo comum e repetitivo: páginas de resposta e de comparação para as perguntas que os seus compradores realmente digitam, uma cadência social que você mantém, respostas onde a sua categoria é discutida, e medição suficiente para dizer qual dessas coisas fez alguma diferença.

É esse o trabalho que a AgentCeres faz: um elenco de agentes especialistas conduzido por uma Growth Officer de IA, que redige o trabalho e coloca qualquer coisa destinada ao público diante de uma pessoa antes que ela saia. Se um pacote de skills como este já resolveu a metade de design, a próxima restrição costuma ser distribuição. Comece por como transformar visitantes em cadastros, e mantenha a página coerente enquanto ela cresce com o verbete sistema de design.