Apple Design skill

O que ela faz

A skill resume palestras de design da Apple na WWDC, principalmente a Designing Fluid Interfaces, de 2018, e traduz tudo pra web: CSS, Pointer Events, requestAnimationFrame e bibliotecas de mola como a Motion. Com ela, o Claude escreve e revisa interfaces com gesto e animação.

Vêm junto as regras e os números: resposta já no toque, elemento colado no dedo, animação que se pega no meio e volta, mola sem quique por padrão e com um pouco de quique só depois de um arremesso, cálculo de onde o elemento vai parar e resistência elástica na borda.

Também cobre vidro fosco com backdrop-filter, versões pra quem pediu menos movimento, menos transparência ou mais contraste, espaço entre letras e entrelinha conforme o tamanho da fonte, e os oito princípios de design da Apple.

Nas palavras de quem fez

Quando usar

• Fazer uma gaveta que abre e fecha arrastando, no celular
• Montar um carrossel que se joga com o dedo e para no lugar certo
• Revisar animações que parecem duras ou travadas
• Acertar a tipografia dos títulos de uma landing page
• Deixar o site respeitando quem ativou o movimento reduzido

Depois de instalar, é só pedir assim

• Usa a apple-design e refaz a gaveta do carrinho pra ela seguir o dedo e fechar com um arremesso.
• Revisa as animações da home com a apple-design e me diz o que está tirando a fluidez.
• Ajusta o espaço entre letras e a entrelinha dos títulos no estilo da Apple.

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