Biblioteca · Repositório

emilkowalski/skills

Dev tools e coding agents · Markdown (instruções de skill; sem código de aplicação) · MIT

Coleção de skills que ensinam agentes de código (Claude Code, Codex, Cursor) a ter bom gosto visual: animação, polimento de interface e escolhas de design no padrão de um design engineer sênior. Está viralizando porque resolve a queixa mais comum de quem gera site com IA, 'funciona, mas parece feito por IA', e vem de Emil Kowalski, referência mundial em animação de interfaces (ex-Vercel e Linear).

O que é, em uma frase honesta

É o gosto estético de um especialista embalado em texto que o agente de código lê antes de trabalhar. Emil Kowalski, criador de bibliotecas de interface muito usadas (Sonner, Vaul) e com passagem por Vercel e Linear, transformou seus artigos e cursos sobre animação e design de componentes em oito 'skills', pacotes de instruções que o Claude Code e similares carregam como se fossem um manual de conduta. O próprio README resume o problema: 'agentes não têm bom gosto'.

A IA acerta a lógica, mas erra o sutil, a curva de easing errada, a sombra pesada demais, e essas pequenas coisas somadas decidem se a interface parece profissional ou genérica. Instala-se com um comando único e vale para qualquer projeto web.

Para que serve na prática

Os oito pacotes cobrem o ciclo inteiro do acabamento visual: o principal (emil-design-eng) dá os princípios gerais de polimento; review-animations audita as animações existentes contra uma régua exigente; improve-animations varre o código e devolve um plano priorizado de melhorias; find-animation-opportunities aponta onde a interface ganharia com movimento; animation-vocabulary traduz o 'quero que deslize suave' do leigo para o termo técnico exato que a IA entende; apple-design destila os princípios de interface da Apple para a web; pick-ui-library orienta a escolha de biblioteca de componentes; e prototype gera várias versões de uma tela com um seletor para comparar. Na prática: seu time gera a landing page com IA e ela sai com cara de produto caro, não de template.

Quando faz sentido pra você que lidera

Se sua empresa usa IA para produzir páginas, dashboards ou produto digital, o custo escondido não é o código errado, é o código feio, que passa impressão de amadorismo e derruba conversão. Contratar um design engineer sênior custa caro e é raro no Brasil; este repositório entrega uma fração desse critério por zero reais, licença MIT, sem dado seu saindo de casa (são só instruções de texto). O acervo já tem o mattpocock/skills, que é o irmão de disciplina de engenharia: planejamento, testes, rigor de processo.

Este é o irmão de design: gosto, movimento, acabamento. Um evita que a IA escreva código ruim; o outro evita que ela entregue interface sem alma. Times sérios instalam os dois.

Por que está no mapa

Crescimento explosivo: criado em março de 2026, o repositório somava 23,8 mil estrelas em 2 de agosto, cerca de 19,6 mil delas só nos últimos 30 dias, empurrado pela onda de skills para agentes de código e pela audiência enorme do Emil (seus cursos animations.dev são referência entre designers de produto). Agregadores de skills reportam centenas de milhares de instalações da coleção, e o repositório virou o exemplo citado quando se fala em 'dar bom gosto à IA'. Último commit em julho de 2026; 1,3 mil forks; MIT.

Ver no GitHub →
O que você achou desta página?
Recomendaria esta página para alguém do seu time?