UI/UX Pro Max

O que UX Pro Max faz?

Regra de Leitura Seletiva

Comece com:

• references/usage-routing.md
• references/quality-checklist.md

Em seguida, carregue apenas os documentos, scripts, assets ou exemplos herdados que correspondam à tarefa real do usuário.

Regra de Leitura Seletiva

Comece com:

• references/senior-master-standard.md
• references/stack-routing.md
• references/design-review-checklist.md

Use references/stack-routing.md primeiro para escolher o arquivo de dados de stack mais relevante e evitar carregar orientações de framework irrelevantes.

Propósito

Transformar pedidos vagos de UI em um sistema de design intencional com orientação de implementação que corresponda à stack frontend real.

Use Esta Skill Quando

• o usuário pedir qualquer página, componente, dashboard, landing page, redesign, revisão de polimento, sistema de design ou direção visual frontend
• a tarefa incluir tipografia, cor, espaçamento, hierarquia, movimento, acessibilidade ou implementação de UI específica da stack
• você precisar evitar saída frontend genérica de IA enquanto ainda entrega algo prático

Cobertura de Dados

Esta skill agora inclui orientação pesquisável e curada para 16 stacks:

• html-tailwind
• react
• nextjs
• remix
• astro
• vue
• nuxtjs
• nuxt-ui
• svelte
• sveltekit
• shadcn
• expo-router
• react-native
• flutter
• swiftui
• jetpack-compose

Fluxo de Trabalho

1. Classifique o trabalho de UI.
   • landing page, dashboard, app shell, superfície de recurso, sistema de componentes ou redesign
2. Escolha a stack.
   • use references/stack-routing.md se a stack estiver implícita, mas não nomeada
3. Gere o sistema de design.
   • execute a ferramenta de busca agrupada com --design-system
4. Extraia a orientação específica da stack.
   • execute uma busca na stack para o framework e tipo de produto
5. Revise antes de finalizar.
   • use references/design-review-checklist.md

Comandos

A partir da raiz do repositório:

python .agent/skills/ui-ux-pro-max/scripts/search.py "b2b analytics dashboard" --design-system -p "Northstar"
python .agent/skills/ui-ux-pro-max/scripts/search.py "dashboard tables filters" --stack remix
python .agent/skills/ui-ux-pro-max/scripts/search.py "routing navigation optimistic forms" --stack sveltekit

Se você já estiver dentro da pasta da skill, use python scripts/search.py ....

Regras

• Padrão para o contexto real do produto, não para qualquer estilo que pareça moderno.
• Corresponda a orientação da stack ao framework em uso antes de inventar padrões.
• Prefira UI acessível, responsiva e de nível de produção sobre demos bonitas, mas frágeis.
• Ao trabalhar em um sistema de design existente, preserve os padrões estabelecidos antes de introduzir uma nova direção.