animate

Visão Geral

O que é a skill animate?

A skill animate ajuda você a revisar e aprimorar recursos de interfaces de usuário com animações intencionais, microinterações e efeitos de movimento. Ela é feita para designers de UI e desenvolvedores frontend que querem melhorar a usabilidade, fornecer feedback e criar experiências agradáveis por meio do design de movimento. Use animate quando precisar adicionar animações, transições, efeitos de hover ou tornar sua UI mais viva e envolvente.

Quem deve usar a animate?

• Designers de UI/UX que buscam dar acabamento e clareza às interfaces
• Desenvolvedores frontend implementando estratégias de animação
• Equipes que desejam melhorar o feedback do usuário e guiar a atenção com movimento

Problemas que resolve

• Reduz interfaces estáticas e sem vida
• Adiciona feedback visual para ações do usuário
• Suaviza transições abruptas
• Esclarece relações e direciona o foco do usuário

Como Usar

Passos para Instalação

1. Instale a skill animate usando o comando:

   npx skills add https://github.com/pbakaus/impeccable --skill animate

2. Comece pelo arquivo SKILL.md para um fluxo de trabalho estruturado e melhores práticas.

3. Revise arquivos complementares como README.md, AGENTS.md e metadata.json para contexto adicional, se disponíveis.

4. Adapte o fluxo recomendado às ferramentas e necessidades do seu projeto — não copie as instruções literalmente.

Visão Geral do Fluxo de Trabalho

• Preparação Obrigatória:
  • Execute /frontend-design para coletar princípios de design e contexto. Se não houver contexto de design, execute /teach-impeccable primeiro.
  • Levante restrições de desempenho para garantir que as animações não prejudiquem a usabilidade.
• Avaliação de Oportunidades para Animação:
  • Identifique áreas estáticas ou abruptas que carecem de feedback ou encantamento.
  • Considere a personalidade do produto, o público e as necessidades de desempenho.
• Planejamento e Implementação das Animações:
  • Adicione movimento estrategicamente onde ele melhora o entendimento e a satisfação do usuário.

Arquivos Principais para Revisar

• SKILL.md (fluxo de trabalho e orientações principais)

Perguntas Frequentes

Quando devo usar a skill animate?

Use animate quando seu projeto precisar de animações intencionais, transições ou microinterações para melhorar a experiência do usuário, fornecer feedback ou adicionar encantamento.

A animate fornece código ou apenas orientações?

A skill foca no fluxo de trabalho, análise e melhores práticas para adicionar animação. Ela não oferece código de animação pronto, mas ajuda a planejar e implementar movimentos eficazes na sua UI.

Onde posso encontrar mais detalhes?

Abra a aba Files no repositório para explorar toda a árvore de arquivos, incluindo referências e scripts auxiliares para um contexto mais aprofundado.