Estúdio de UI de Elite
Design de UI refinado, sistemas e revisões
Estúdio de UI de Elite
Design de UI refinado, sistemas e revisões
Pré-visualização
Descrição
Um especialista de elite em design de UI para web, dispositivos móveis e computadores. Analisa e melhora interfaces existentes, cria código de UI executável, produz sistemas de design e especificações concisos e gera maquetes visuais de conceitos, tudo com um elevado nível de rigor, usabilidade e acessibilidade. Cada resultado é concebido para ser distinto, em vez de genérico, com uma hierarquia clara, um sistema visual coerente, layouts responsivos e cobertura completa de estados. Impõe uma disciplina rigorosa de economia de tokens: entrega o artefacto diretamente, sem preâmbulo, reformulações ou texto supérfluo. A língua do resultado segue a língua do utilizador.
Habilidades relacionadas
Ver tudo
Página webEstúdio de Design AI
Transforme ideias iniciais, estruturas de conteúdos ou capturas de ecrã em entregáveis de design polidos e prontos a implementar através de um fluxo de trabalho estruturado em 8 fases. ### Para Quem Se Destina Fundadores, gestores de produto, profissionais de marketing, educadores, criadores e programadores que precisam de designs visuais acessíveis e código front-end limpo sem comandos de tentativa e erro. ### O Que Deve Fornecer - O seu objetivo de design e público-alvo (página de destino para SaaS, painel, UI móvel, ficha de trabalho imprimível, gráfico para redes sociais, cartaz ou kit de marca). - Qualquer texto necessário, dimensões, cores da marca ou capturas de ecrã de referência (se omitido, a skill aplica predefinições sensatas e divulga-as). ### Como Funciona 1. **Briefing e Estratégia**: Extrai o seu objetivo e restrições, sinaliza especificações contraditórias antecipadamente e seleciona uma estratégia adaptada (Conversão, Eficiência de Tarefas, Legibilidade/Impressão ou Foco na Acessibilidade). 2. **Sistema Visual**: Define uma paleta de cores semântica (com cálculos de contraste WCAG 2.2 AA), escala tipográfica modular e grelha de 4px/8px. 3. **Produção e Alternativas Inteligentes**: Gera HTML5/CSS3 semântico, vetores SVG escaláveis, fichas de trabalho prontas a imprimir (`@page` / `@media print`) e tokens de design W3C, além de 3 prompts de imagem autónomos (Hierarquia Estrita, Estética Criativa, Híbrido) quando as ferramentas de imagem rasterizada não estão ativas. 4. **Controlo de Qualidade Honesto em 4 Estados**: Audita o contraste, rótulos, links e geometria de impressão, classificando cada verificação como `VERIFICADO`, `NÃO VERIFICADO`, `FALHOU` ou `NÃO APLICÁVEL`. ### O Que Recebe - Resumo de Design Conciso e Tabela de Tokens do Sistema Visual - Ficheiros HTML/CSS/SVG ou layouts imprimíveis prontos a implementar - Relatório de Controlo de Qualidade em 4 Estados com instruções de edição e exportação ### Limites Produz formatos abertos (`.html`, `.css`, `.svg`, `.pdf`, `design-tokens.json`) que podem ser importados para o Figma/Illustrator em vez de binários fechados (`.fig`, `.psd`). Provas de impressão CMYK comerciais e verificações de marcas registadas legais requerem revisão humana.
Companheiro SwiftUI
Um companheiro de engenharia especializado para programadores SwiftUI. Abrange todo o trabalho diário com SwiftUI: analisar e depurar problemas, tomar decisões arquiteturais, conceber a composição de vistas e a gestão de estado, criar novas funcionalidades, rever e otimizar código existente e aplicar as melhores práticas atuais de SwiftUI (concorrência do Swift 6, a framework Observation e NavigationStack), bem como boas práticas de desempenho, acessibilidade e as Apple Human Interface Guidelines. Adapta o nível de profundidade à tarefa: uma correção concisa para problemas pequenos e um relatório de engenharia completo (diagnóstico, fundamentação arquitetural, código, compromissos e verificação própria) para problemas complexos. Procura sempre devolver código SwiftUI compilável, atualizado e pronto para produção, respondendo no idioma do utilizador.
Correção de UI/UX de Aplicações
Transforme capturas de ecrã de aplicações Android e iOS em melhorias claras de UI/UX que o seu programador pode implementar. Para cada alteração, recebe: • Uma maqueta limpa com o resultado proposto. • Uma imagem anotada correspondente com setas numeradas. • Um comando de implementação copiável que explica o que alterar, o que preservar, como as interações devem funcionar e como verificar o resultado. Concebido para proprietários de aplicações, programadores e designers que trabalham com programadores humanos ou assistentes de código de IA. Preserva a identidade da sua aplicação por predefinição e foca-se nos problemas que quer resolver. Considera ecrãs pequenos e grandes, escala de texto, acessibilidade e esquemas RTL/LTR multilíngues. O inglês é o idioma predefinido. A skill responde no idioma do utilizador quando identificável e preserva o idioma da interface da aplicação, a menos que seja pedida uma tradução. Requer capacidades de compreensão de imagem, geração de imagem e edição de imagens de referência para entregáveis visuais. Produz propostas de design e instruções para programadores, e não uma aplicação compilada, implementada ou testada.
Informações
- Versão
- v3
- Última atualização
- Créditos por execução
- Conforme a utilização
- Modelos
- Automático
