O que ui-ux-designer faz?
Cria projetos de interface, wireframes e sistemas de design. Domina pesquisa de usuários, padrões de acessibilidade e ferramentas modernas de design.
Visão Geral
Esta skill foi projetada para auxiliar agentes de IA no processo de design de interface do usuário (UI) e experiência do usuário (UX). Ela pode gerar wireframes de baixa e alta fidelidade, sistemas de design escaláveis, e garantir que os projetos sigam as melhores práticas de usabilidade e acessibilidade.
Funcionalidades
- Pesquisa de Usuários: Cria personas, jornadas do usuário e mapas de empatia com base em dados fornecidos.
- Wireframes: Gera wireframes textuais e estruturados que podem ser exportados para ferramentas visuais.
- Sistemas de Design: Define cores, tipografia, espaçamentos e componentes reutilizáveis.
- Acessibilidade: Verifica conformidade com WCAG 2.1 (níveis A, AA e AAA).
- Ferramentas: Integra-se com Figma, Sketch, Adobe XD e outras ferramentas via exportação de código ou descrições detalhadas.
Como Usar
- Forneça o contexto do projeto (público-alvo, objetivos, restrições).
- Solicite um tipo específico de design (ex: "Crie um layout para tela de login").
- A skill retornará wireframes textuais, especificações de design e recomendações de acessibilidade.
Exemplos
Wireframe de Tela de Login
# Tela de Login
- Cabeçalho: Logo da empresa
- Campo de e-mail
- Campo de senha
- Botão "Entrar"
- Link "Esqueceu a senha?"
- Rodapé: Termos de uso
Configuração de Sistema de Design
{
"colors": {
"primary": "#1A73E8",
"secondary": "#34A853",
"error": "#EA4335"
},
"typography": {
"fontFamily": "Inter, sans-serif",
"headings": ["H1: 48px", "H2: 36px", "H3: 24px"]
}
}
Limitações
- A skill gera descrições textuais e estruturadas; a implementação visual final deve ser feita com ferramentas de design.
- Não substitui testes com usuários reais, mas pode simular cenários iniciais.
- Depende de informações precisas fornecidas pelo usuário para garantir relevância.
Suporte
Para dúvidas ou sugestões, consulte a documentação oficial ou entre em contato com o mantenedor.