ORLOV JOGOS

Skills ·

UI UX Pro Max — regras de design para seu agente de IA

Peça uma landing page a um agente de IA e ele muitas vezes recorre ao mesmo visual. O UI UX Pro Max dá ao agente uma biblioteca de design pesquisável e regras de design para cada tipo de produto, para que ele primeiro decida como o produto deve parecer e só depois escreva o código.

Ver o UI UX Pro Max no GitHub

O UI UX Pro Max é uma skill que adiciona conhecimento de design aos agentes de programação com IA. O README lista mais de 20 agentes compatíveis, entre eles Claude Code, Cursor, Windsurf, Codex CLI, Gemini CLI e GitHub Copilot.

A versão básica do repositório é gratuita e de código aberto sob a licença MIT. Em 26 de outubro de 2026, tinha cerca de 140 mil estrelas no GitHub. Também existe uma versão premium paga com design de marca, logotipo e slides.

Um cartão de design system com uma paleta de cores, duas amostras de fonte e uma pilha de seções de página.
Estilo, cores, fontes e layout, decididos antes do código.

Como funciona

Quando você pede trabalho de interface, a skill é ativada sozinha. Ela faz cinco buscas ao mesmo tempo nos seus dados: o tipo de produto, o estilo visual, a paleta de cores, o padrão de landing page e a combinação de fontes. Depois, uma etapa de raciocínio aplica as regras do seu tipo de produto e monta um design system completo.

Esse design system define uma estrutura de página, um estilo, cores exatas, fontes, efeitos, o que evitar e uma checklist antes da entrega. Para um banco, por exemplo, ele alerta contra os degradês roxo e rosa típicos de IA. Só então o agente escreve o código.

O que tem dentro

O que saber antes

O script de busca precisa do Python 3. Ele usa só a biblioteca padrão e não faz chamadas de rede. A skill dá orientações de design e não reescreve sozinha um app existente, mas você pode pedir ao agente que aplique um novo estilo ao seu app, um componente de cada vez.

Como instalar

No Claude Code:

/plugin marketplace add nextlevelbuilder/ui-ux-pro-max-skill
/plugin install ui-ux-pro-max@ui-ux-pro-max-skill

Para outros agentes, use a ferramenta de linha de comando:

npm install -g ui-ux-pro-max-cli
uipro init --ai cursor

Troque cursor pelo seu agente, por exemplo claude, codex ou gemini. Depois peça em palavras simples: “Crie uma landing page para o meu produto SaaS.”

Ver o UI UX Pro Max no GitHub