Emil Kowalski Skill: design engineering direto de quem criou o Sonner e o Vaul

Quem é Emil Kowalski?

Se você usa React, provavelmente já usou algo que ele criou. Emil Kowalski é o autor do Sonner (toast notifications), Vaul (drawer component), e do curso animations.dev. Trabalha na Vercel e é referência em design engineering — a interseção entre design e código.

A skill dele é diferente das outras desta série. Não é um sistema de design, não tem 50 comandos, não tem plugins. É um arquivo de skill baseado nos artigos do site pessoal dele, destilando anos de experiência em regras práticas para construir interfaces melhores.

O que cobre

A skill foca em quatro áreas:

• Animações — quando animar, como escolher easing, duração, e como evitar animações que atrapalham
• Design — princípios visuais para interfaces que “sentem” bem
• Código — padrões de implementação para componentes de UI
• Performance — como manter animações suaves a 60fps

O cara construiu componentes usados por milhares de devs. Cada regra vem dessa experiência real. Não é teoria — é o que funciona na prática.

Como usar

A recomendação do próprio Emil é usar sob demanda, não sempre ativa. O caso de uso ideal: você terminou uma feature e quer revisar as animações e o polish visual antes de shipar.

npx skills add emilkowalski/skill

Funciona com Claude Code, Codex, Cursor e outros.

Por que 388 stars importam

O repo tem 388 stars — menos que Impeccable (16k) ou Taste Skill (7.1k). Mas a qualidade por linha é possivelmente a mais alta de qualquer skill de design. Cada regra é destilada de artigos longos e detalhados. É o oposto de uma skill inflada com conteúdo genérico.

Limitações

A skill não cobre design system completo. Pesquisa de usuário, estratégia de UX, arquitetura de informação — tudo isso fica de fora. O foco é polish final: animações, transições, micro-interações, e os detalhes que fazem uma interface “sentir” profissional.

Se você precisa de fundamentos de design, comece com Impeccable ou Designer Skills. Pra polish final, Emil Kowalski Skill é a escolha.

Fonte: github.com/emilkowalski/skill | emilkowal.ski/skill | animations.dev