Engenharia de Design

Guia Detalhado

Leia o guia detalhado antes de executar esta habilidade. Ele contém o procedimento completo e o material de referência. Considere seus requisitos de segurança, pré-requisitos e validação como obrigatórios. Para um trabalho focado, carregue as seções relevantes; para um trabalho de ponta a ponta, leia o guia completamente.

Quando Usar

• Use quando o usuário solicitar polimento de interface, crítica de design de produto, direção de animação ou decisões de componentes de alta qualidade.
• Use ao revisar código frontend para qualidade de movimento, suavização (easing), duração, fisicalidade, feedback de interação ou detalhes sutis da interface.
• Use ao construir ou refinar interfaces em React, Tailwind, CSS ou Framer Motion onde o bom gosto e a qualidade percebida são importantes.

Limitações

• Esta habilidade fornece julgamento de engenharia de design; ela não substitui os requisitos de produto específicos do projeto, testes de acessibilidade ou revisão de movimento em dispositivos reais.
• Verifique as versões de framework, dependências instaladas e comportamento renderizado antes de considerar recomendações de animação ou UI como prontas para produção.
• Não aplique estas regras mecanicamente quando um sistema de marca existente, convenção de plataforma ou requisito do usuário exigir uma linguagem de interação diferente.