Repolode
Enviar
emilkowalski

emilkowalski/skills

Uma coleção de skills para agentes que ensinam assistentes de programação com IA sobre animação, design de UI e boas práticas de frontend, com base na experiência do autor na Vercel e na Linear.

Ver no GitHubSite
Estrelas
47,495
Forks
2,737
Issues abertas
4
Último commit
há 9 dias

O que é?

Este repositório reúne skills instaláveis para designers e engenheiros que criam interfaces. Cada skill é um arquivo SKILL.md com orientações específicas para um agente de programação com IA, como qual curva de easing usar em uma animação de entrada, quando uma sombra semitransparente é melhor que uma borda sólida ou como evitar quedas de frames nas animações.

As skills abrangem várias áreas: criação e revisão de animações (animate, review-animations, animation-performance, animation-vocabulary), animações no React Native e no Expo, princípios de interface no estilo Apple, orientações de programação em Swift, escolha de bibliotecas de UI, prototipagem de várias versões de uma interface, refinamento para a web mobile e testes de estresse de interfaces com dados extremos. Sonner, uma biblioteca de componentes de toast, também tem uma skill própria de configuração e solução de problemas.

A instalação é feita com um único comando da CLI npx skills. As skills são escritas por um único autor e refletem suas opiniões pessoais sobre design, por isso são adequadas para equipes que querem que um agente siga um padrão específico e opinativo.

Recursos principais

  • 01Orientações sobre animação, incluindo easing, duração e quais propriedades animar.
  • 02Skills de revisão e auditoria que analisam uma base de código em busca de problemas com animações e sugerem correções priorizadas.
  • 03Skill de performance focada em corrigir quedas de frames nas animações.
  • 04Skill para React Native e Expo que aborda gestos, sheets, feedback tátil e transições de tela.
  • 05Skill de Swift que aborda tipos por valor, concorrência no Swift 6 e Swift Testing.
  • 06Instalação com um único comando npx.

Casos de uso

  • Pedir a um agente de programação com IA que crie ou revise animações em uma interface React ou web.
  • Auditar um app existente em busca de problemas com animações e obter um plano de correções priorizado.
  • Criar um app com React Native ou Expo, com gestos e transições refinados.
  • Testar uma UI com nomes longos, listas vazias e dados atípicos antes do lançamento.

Início rápido

  1. 1

    Instale as habilidades no seu agente

    npx skills@latest add emilkowalski/skills

Antes de usar

  • As habilidades são orientações para assistentes de programação com IA, não aplicativos independentes.
  • Algumas habilidades são voltadas para tecnologias específicas, como React Native/Expo, Swift ou Sonner, então só serão úteis se você usar essas ferramentas.

Tópicos

#ai-agents#animation#ui-design#frontend#react-native#swift#css#prompt-engineering

Perguntas frequentes

O que é skills?
Uma coleção de skills para agentes que ensinam assistentes de programação com IA sobre animação, design de UI e boas práticas de frontend, com base na experiência do autor na Vercel e na Linear. Este repositório reúne skills instaláveis para designers e engenheiros que criam interfaces. Cada skill é um arquivo SKILL.md com orientações específicas para um agente de programação com IA, como qual curva de easing usar em uma animação de entrada, quando uma sombra semitransparente é melhor que uma borda sólida ou como evitar quedas de frames nas animações.
skills é gratuito? Qual é a licença?
skills é open source sob a licença MIT. Confira os termos da licença antes de usá-lo em produtos comerciais.
skills ainda é mantido?
Manutenção ativa. O último commit de skills foi em 11 de out. de 2026.
Para que posso usar skills?
Pedir a um agente de programação com IA que crie ou revise animações em uma interface React ou web. Auditar um app existente em busca de problemas com animações e obter um plano de correções priorizado. Criar um app com React Native ou Expo, com gestos e transições refinados. Testar uma UI com nomes longos, listas vazias e dados atípicos antes do lançamento.
Como instalar skills?
Instale as habilidades no seu agente: npx skills@latest add emilkowalski/skills
Onde consigo skills?
O código-fonte e as instruções de instalação estão no GitHub: https://github.com/emilkowalski/skills

Resumo gerado por IA a partir do README do projeto. As estatísticas do GitHub são atualizadas diariamente.

Projetos relacionados