Color

design-consultation é uma skill de design-consultation para transformar uma ideia inicial de produto em uma direção de design completa. Ela cria uma fonte única de verdade em DESIGN.md, previews e orientações em nível de sistema para tipografia, cor, espaçamento, layout e motion. É ideal para novos produtos e superfícies de UI que precisam de um ponto de partida coeso.

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.

quieter é uma skill de refinamento de design de UI que reduz a agressividade visual em interfaces ruidosas ou excessivamente estimulantes, sem abrir mão de clareza, hierarquia e intenção da marca. Funciona melhor depois da skill pai `$impeccable` e ajuda equipes a diagnosticar as fontes de intensidade antes de fazer ajustes pontuais.

brandkit é uma skill premium de geração de imagens para brand kits, voltada para trabalhos de branding, incluindo sistemas de logo, decks de identidade, boards de diretrizes visuais e apresentações de marca com direção de arte. Ela foi criada para entregar resultados coesos, com aparência de estúdio, em startups, ferramentas para desenvolvedores, segurança, games, apps de consumo e conceitos de luxo. Use brandkit quando você quiser um universo de marca refinado em vez de um moodboard genérico de IA.

O skill industrial-brutalist-ui para UI Design cria interfaces mecânicas e de alta densidade, com grids no estilo suíço, contraste tipográfico extremo, paletas utilitárias e textura analógica. Use este guia de industrial-brutalist-ui para dashboards, sistemas editoriais e páginas de portfólio que precisam de uma aparência disciplinada de painel de controle.

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.

A skill infographic transforma conteúdo estruturado em layouts de infográfico refinados com a DSL `infographic`. Use-a para cards de KPI, linhas do tempo, roadmaps, fluxos passo a passo, comparações A vs B, SWOTs, funis, organogramas e gráficos simples. É uma ótima opção para infographic para UI Design e resumos em estilo de apresentação com 4 a 8 itens. Não é ideal para análise de dados complexa nem para diagramas técnicos.

high-end-visual-design é uma skill premium de direção visual para criar interfaces editoriais, cinematográficas e cuidadosamente lapidadas. Ela ajuda a IA a evitar layouts genéricos, orientando tipografia, espaçamento, sombras, movimento e composição para landing pages, sites de marketing, dashboards e superfícies de apps refinadas.

A skill minimax-pdf ajuda você a criar, preencher ou reformular PDFs refinados quando qualidade visual e identidade do documento importam. Use-a em fluxos CREATE, FILL ou REFORMAT com um sistema de design baseado em tokens que transforma entradas brutas em saída pronta para impressão. Este guia cobre a instalação do minimax-pdf, o uso do minimax-pdf e a escolha do fluxo para melhores resultados.

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.