Motion

ckm:design é uma skill estruturada de design para direcionar e produzir logos, mockups de CIP, banners, slides e ícones SVG. Inclui referências práticas, opções baseadas em CSV e scripts em Python para fluxos de trabalho reproduzíveis, em vez de saídas genéricas só com prompt.

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.

overdrive é uma skill do GitHub para design de UI ambicioso que ajuda equipes a escolher e criar interações de alto impacto e sensíveis ao contexto. Use para planejar motion de destaque, interfaces exigentes em performance e fluxos avançados bem refinados, com a preparação de design necessária antes da implementação.

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.

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.

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.

Use a skill animate para revisar uma funcionalidade e adicionar animações intencionais, microinterações e efeitos de movimento que melhoram a clareza, o feedback e o acabamento da interface. É mais indicada para trabalho de design de UI com objetivos bem definidos, contexto de design e restrições de desempenho claras.