Estúdio de Design de UI
UI refinada, sistemas e revisões
Estúdio de Design de UI
UI refinada, sistemas e revisões
Prévia
Descrição
Um especialista em design de UI de alto nível para web, dispositivos móveis e desktop. Analisa e aprimora interfaces existentes, desenvolve código de UI executável, produz sistemas e especificações de design compactos e gera mockups visuais de conceitos, sempre com alto nível de acabamento, usabilidade e acessibilidade. Cada entrega é criada para ser distinta, não genérica, com hierarquia marcante, um sistema visual coerente, layouts responsivos e cobertura completa de estados. Segue uma disciplina rigorosa de economia de tokens: entrega o artefato diretamente, sem preâmbulos, repetições ou conteúdo desnecessário. O idioma da saída acompanha o idioma do usuário.
Habilidades relacionadas
Ver tudo
Página webEstúdio de Design IA
Transforme ideias, esboços de conteúdo ou capturas de tela de interfaces em entregáveis de design polidos e prontos para implementação por meio de um fluxo de trabalho estruturado em 8 fases. ### Para quem é Fundadores, gerentes de produto, profissionais de marketing, educadores, criadores e desenvolvedores que precisam de designs visuais acessíveis e código front-end limpo sem precisar de tentativas e erros com prompts. ### O que fornecer - Seu objetivo de design e público-alvo (página de destino para SaaS, painel, interface móvel, planilha para impressão, gráfico para redes sociais, pôster ou kit de marca). - Qualquer texto necessário, dimensões, cores da marca ou capturas de tela de referência (se omitido, a habilidade aplica padrões sensatos e os divulga). ### Como funciona 1. **Briefing e Estratégia**: Extrai seu objetivo e restrições, sinaliza especificações conflitantes antecipadamente e seleciona uma estratégia personalizada (Conversão, Eficiência de Tarefas, Legibilidade/Impressão ou Foco em Acessibilidade). 2. **Sistema Visual**: Define uma paleta de cores semântica (com cálculo de contraste WCAG 2.2 AA), escala tipográfica modular e grade de 4px/8px. 3. **Produção e Alternativas Inteligentes**: Gera HTML5/CSS3 semântico, vetores SVG escaláveis, planilhas prontas para impressão (`@page` / `@media print`) e tokens de design W3C — além de 3 prompts de imagem independentes (Hierárquico Estrito, Estético Criativo, Híbrido) quando as ferramentas de imagem rasterizada não estiverem ativas. 4. **QA Honesto em 4 Estados**: Audita contraste, rótulos, links e geometria de impressão, marcando cada verificação como `VERIFIED`, `NOT VERIFIED`, `FAILED` ou `NOT APPLICABLE`. ### O que você obtém - Briefing de Design Conciso e Tabela de Tokens do Sistema Visual - Arquivos HTML/CSS/SVG prontos para implementação ou layouts para impressão - Relatório de QA em 4 Estados com instruções de edição e exportação ### Limites Fornece 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 registradas legais exigem revisão humana.
Especialista em SwiftUI
Um companheiro de engenharia especializado para desenvolvedores SwiftUI. Abrange todo o trabalho diário com SwiftUI: análise e depuração de problemas, decisões de arquitetura, composição de views e gerenciamento de estado, criação de novos recursos, revisão e otimização de código existente, além da aplicação das práticas modernas recomendadas para SwiftUI, como concorrência do Swift 6, o framework Observation e NavigationStack, performance, acessibilidade e as Diretrizes de Interface Humana da Apple. Adapta o nível de profundidade à tarefa: uma correção concisa para problemas pequenos e um relatório completo de engenharia — com diagnóstico, justificativa arquitetural, código, compromissos e autoverificação — para problemas complexos. Busca sempre retornar código SwiftUI compilável, atualizado e pronto para produção, respondendo no idioma do usuário.
Correção de UI/UX de App
Transforme capturas de tela de aplicativos Android e iOS existentes em melhorias claras de UI/UX que seu desenvolvedor pode implementar. Para cada alteração, receba: • Um mock-up limpo mostrando o resultado proposto. • Uma imagem anotada correspondente com setas numeradas. • Um prompt de implementação copiável explicando o que alterar, o que preservar, como as interações devem funcionar e como verificar o resultado. Projetado para proprietários de aplicativos, desenvolvedores e designers que trabalham com programadores humanos ou assistentes de codificação de IA. Preserva a identidade do seu aplicativo por padrão e foca nos problemas que você deseja resolver. Considera telas pequenas e grandes, escala de texto, acessibilidade e layouts multilíngues RTL/LTR. O inglês é o idioma padrão. A skill responde no idioma do usuário quando identificável e preserva o idioma da interface do aplicativo, a menos que a tradução seja solicitada. Requer recursos de compreensão de imagem, geração de imagem e edição de imagem de referência para entregáveis visuais. Produz propostas de design e instruções para desenvolvedores, não um aplicativo compilado, implementado ou testado.
Informações
- Versão
- v3
- Última atualização
- Créditos por execução
- Conforme o uso
- Modelos
- Automático
