Layout

typeset melhora a tipografia de UI ao avaliar escolha de fontes, hierarquia, tamanhos, pesos e legibilidade. Funciona melhor após /frontend-design e, se faltar contexto, com /teach-impeccable, para transformar textos genéricos em um sistema tipográfico mais claro e intencional.

A skill quieter reduz a intensidade visual no UI Design, ajudando a suavizar interfaces chamativas, agressivas ou excessivamente estimulantes, sem perder hierarquia, clareza e personalidade de marca. O melhor uso é após o fluxo obrigatório /frontend-design no repositório pbakaus/impeccable.

A skill polish orienta uma revisão final de UI para corrigir espaçamento, alinhamento, textos, estados e transições antes do lançamento. Funciona melhor quando a funcionalidade já está concluída do ponto de vista técnico, com contexto de design, um padrão de qualidade bem definido e uma tela, fluxo ou componente específico como foco.

frontend-design é uma skill com foco em design para criar interfaces frontend refinadas, com mais contexto, hierarquia, acessibilidade e comportamento responsivo. Use este guia para instalar a skill, consultar as referências principais e aplicar orientações práticas para melhorar componentes, páginas e telas de aplicativos.

distill é uma skill de simplificação de design de UI focada em reduzir telas ao essencial para a tarefa principal. Use-a para limpar interfaces, diminuir ruído visual e deixar a hierarquia mais clara. Funciona melhor após /frontend-design, com uma tela específica, um objetivo principal do usuário e restrições claras do que precisa ser mantido.

A skill delight ajuda equipes de UI a adicionar microinterações, textos e momentos de feedback com bom gosto, deixando as interfaces mais acolhedoras e memoráveis. Funciona melhor para refinar telas ou fluxos específicos, não para redesigns completos. Use delight com contexto prévio de /frontend-design e, se necessário, execute /teach-impeccable antes.

A skill colorize ajuda equipes a adicionar cor de forma estratégica a interfaces cinzas ou sem vida. Ela orienta onde a cor deve aparecer, por que isso importa e como usá-la considerando o contexto da marca, a hierarquia, os estados semânticos e o tom já existentes. Funciona melhor após /frontend-design, para decisões de cor mais consistentes e confiáveis.

bolder é uma skill de design de UI que reforça interfaces sem graça ou excessivamente seguras com hierarquia, contraste e personalidade mais marcantes, sem comprometer a usabilidade. Funciona melhor depois de /frontend-design e, se faltar contexto, também de /teach-impeccable, aplicada a um alvo específico como uma página, seção ou componente.

A skill arrange ajuda a melhorar layout de UI, espaçamento, agrupamento e hierarquia visual. Entenda quando usar, como funciona o arrange install a partir do repositório no GitHub e como aplicar o uso de arrange com o contexto /frontend-design para tomar decisões melhores de UI Design.