Micro Interactions

A skill interaction-design ajuda equipes a projetar e implementar motion intencional em UI, microinterações, transições, estados de carregamento e padrões de feedback, com referências práticas voltadas a React e orientações de uso.

Use a skill delight para dar mais refinamento à UI, com microinterações e personalidade em estados de sucesso, carregamento, vazio e onboarding, sem prejudicar a usabilidade nem tirar o foco.

A skill delight ajuda a adicionar alegria sutil, personalidade e refinamento aos trabalhos de Design de UI. Use-a para melhorar estados de sucesso, estados vazios, momentos de carregamento e interações, com orientação contextual sobre instalação, configuração e uso de delight.

Use a skill animate para revisar uma funcionalidade de UI e planejar animações, microinterações e transições com propósito. Ela ajuda a identificar movimentos que melhoram feedback, clareza, hierarquia e encantamento, com o contexto de design obrigatório de /frontend-design e atenção a performance e acessibilidade.

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.

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.

Use a skill animate para revisar um recurso de UI e adicionar transições intencionais, estados de feedback e microinterações. Ela orienta decisões de motion com foco em usabilidade, restrições de desempenho, necessidades de reduced motion e direcionamento claro de implementação, em vez de se limitar a efeitos decorativos.