Emil Design Eng skill

O que ela faz

A skill reúne a forma de trabalhar de Emil Kowalski, criador do Sonner, sobre acabamento de interface. Antes de animar algo, a IA pergunta quantas vezes a pessoa vai ver aquilo: atalho de teclado usado cem vezes por dia não anima, modal e aviso animam, e tela de boas-vindas pode ganhar um toque especial.

Ela dá números concretos: resposta de botão em 100 a 160 ms, menus em 150 a 250 ms, interface quase sempre abaixo de 300 ms, curvas de aceleração próprias em vez das padrão do CSS, nada surgindo do zero, botão que encolhe pra 0,97 ao ser pressionado e popover que abre a partir de onde foi clicado.

Cobre ainda animação com mola, arrastar no celular, clip-path, desempenho (animar só transform e opacity) e acessibilidade pra quem pediu menos movimento. Ao revisar código, ela responde numa tabela com antes, depois e o porquê de cada mudança.

Nas palavras de quem fez

Quando usar

• Dar acabamento numa área de membros ou app que funciona, mas parece duro
• Revisar as animações de uma página antes de publicar
• Decidir se um elemento deve animar e com que velocidade
• Criar avisos, gavetas e menus que respondam rápido ao toque

Depois de instalar, é só pedir assim

• Revisa as animações dessa tela com a emil-design-eng e me dá a tabela de antes e depois
• Deixa os botões e o menu do meu app respondendo ao clique, com animação no tempo certo
• Essa gaveta no celular parece travada, ajusta a animação e o arrastar

Segurança

Gen Agent Trust Hub, Socket e Snyk leem o código da skill atrás de comando perigoso, dado vazando e instrução escondida. Alerta não é reprovação: quer dizer que vale ler o que a skill faz antes de instalar.

• Gen Agent Trust HubPassou
• SocketPassou
• SnykPassou

Perguntas