Color

visual-design-foundations ajuda equipes a criar sistemas de UI práticos com escalas tipográficas, tokens de cor, regras de espaçamento e diretrizes de iconografia. Use a skill para estabelecer uma base sólida de design, criar style guides, auditar a hierarquia visual e gerar variáveis CSS prontas para implementação a partir de restrições de design bem definidas.

A skill colorize ajuda equipes de UI a adicionar cor de forma estratégica a interfaces cinzas ou sem vida. Entenda quando usar, de que contexto ela precisa e como se encaixa no fluxo impeccable com $frontend-design e decisões de cor alinhadas à marca.

bolder ajuda a deixar interfaces seguras e sem graça mais marcantes, sem perder usabilidade. Entenda quando usar a skill bolder, o pré-requisito obrigatório $frontend-design e orientações práticas para criar prompts melhores, diagnosticar problemas e aumentar o impacto visual com controle.

distill é uma skill de design de UI voltada a reduzir telas, componentes e fluxos ao seu objetivo essencial. Use-a para diminuir a desordem, o ruído visual e o excesso de funcionalidades, mas tenha em mente que distill depende de /frontend-design e, em alguns casos, de /teach-impeccable antes do uso.

Saiba como a skill colorize adiciona cor de forma estratégica a interfaces cinzas ou sem vida. Este guia explica a preparação obrigatória com frontend-design, o contexto de instalação no repositório e o uso prático para hierarquia, semântica e aderência à marca.

bolder é uma skill de design de UI que reforça interfaces sem graça ou excessivamente conservadoras com mais contraste, hierarquia e personalidade. Use-a após a coleta de contexto com /frontend-design, ou com /teach-impeccable quando não houver contexto de design, para obter melhorias de design mais nítidas e acionáveis sem perder usabilidade.

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.

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 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.

baoyu-cover-image ajuda agentes a gerar prompts estruturados para imagens de capa de artigos usando tipo, paleta, renderização, texto e clima. Suporta formatos 2.35:1, 16:9 e 1:1, inclui regras de seleção automática e orientações de compatibilidade, e se encaixa bem em fluxos repetíveis de capa para editorial e UI Design.

teach-impeccable é uma skill de configuração única que analisa seu repositório, faz apenas as perguntas de UX e marca que ainda faltam e salva orientações de design persistentes para futuras sessões de IA.

quieter é uma skill de refinamento de design de UI que reduz a intensidade visual sem perder hierarquia, identidade de marca e usabilidade. Funciona melhor após /frontend-design e, se necessário, /teach-impeccable, ajudando equipes a suavizar interfaces exageradas sem exigir um redesign completo.