pazdan12385/uix-ai-agent

O que uix-ai-agent faz?

🤖 Gere fluxos de UI e UX para aplicativos web e mobile usando prompts em linguagem natural com o UIX AI Agent, seu assistente de design inteligente.

Visão Geral

O UIX AI Agent transforma descrições em linguagem natural em fluxos de design detalhados para interfaces de usuário. Basta descrever o que você precisa — como "uma tela de cadastro com campos de nome, email e senha" ou "um painel de analytics com gráficos em tempo real" — e o agente produzirá uma especificação estruturada do fluxo de UI/UX.

Principais Recursos

• Interpretação de Linguagem Natural: Entenda prompts em português ou inglês para gerar fluxos precisos.
• Saída Estruturada: Gera markdown com seções claras: propósito do fluxo, lista de telas, descrições de interação e wireframes conceituais.
• Suporte Multiplataforma: Funciona com Claude Code, Cursor e Codex para integração direta no seu ambiente de desenvolvimento.
• Customizável: Aceita parâmetros como tamanho da tela (mobile/web), estilo visual e palavras-chave de acessibilidade.

Como Usar

1. Ative a habilidade no seu agente de IA.
2. Descreva seu fluxo com um prompt como:

   Crie um fluxo de checkout para um e-commerce com etapas de carrinho, endereço, pagamento e confirmação.
   

3. Receba a especificação completa em markdown.

Exemplo de Entrada

Prompt: Uma tela de login com opção de login biométrico e link para redefinição de senha.

Exemplo de Saída (Resumida)

# Fluxo: Tela de Login

## Propósito
Permitir que usuários acessem suas contas com autenticação tradicional ou biométrica.

## Telas
1. **Tela Principal**: Campo de email, campo de senha, botão "Entrar", link "Esqueceu a senha?".
2. **Tela de Biometria**: Exibe prompt para impressão digital ou Face ID, com opção de voltar.

## Transições
- Usuário preenche credenciais → Tela de Biometria (se ativada) ou redirecionamento ao painel.
- Clique em "Esqueceu a senha" → Tela de redefinição de senha.

Compatibilidade

Plataforma	Suporte
Claude Code	✅ Completo
Cursor	✅ Completo
Codex	✅ Básico (sem wireframes visuais)
Outros	⚠️ Parcial

Notas Técnicas

• A saída é textual; wireframes visuais não são desenhados, mas descritos.
• Use --mobile ou --web no prompt para especificar o alvo.
• A habilidade respeita as diretrizes de acessibilidade quando incluídas no prompt.

Licença

Distribuído sob a licença MIT.

---

🤖 Gerado com UIX AI Agent — seu parceiro de design inteligente.