# skills - 12 Claude Skills de emilkowalski > Skills de Emil Kowalski para animar interfaces: crear, revisar, auditar y encontrar oportunidades de animación, más elección de librerías UI. Fuente: https://skillsagentes.com/skills/emilkowalski/skills Markdown: https://skillsagentes.com/skills/emilkowalski/skills.md Conjunto de skills de Emil Kowalski (Vercel, Linear) centrado en animaciones de interfaz y decisiones de diseño de UI para agentes de código. ## Instalar el pack entero ```bash npx -y skills add emilkowalski/skills --agent claude-code ``` Instala los 12 skills en el proyecto actual. Añade `-g` para toda la máquina, y cambia `--agent` por `cursor`, `codex`, `gemini`, `windsurf` o `cline`. ## Qué cubre El repositorio agrupa skills sobre animación y diseño de interfaz basadas en la experiencia de Emil Kowalski. Animate construye una animación desde cero eligiendo curva, duración y propiedades; Animate Expo hace lo mismo para React Native/Expo. Review Animations y Improve Animations auditan animaciones existentes contra un estándar de craft, mientras Find Animation Opportunities detecta dónde falta o sobra movimiento. Animation Vocabulary traduce descripciones vagas a términos técnicos, Apple Design aporta principios de Apple sobre movimiento fluido, Pick Ui Library ayuda a elegir componentes frontend curados, Ask Sonner documenta la librería de toasts Sonner, y Prototype genera varias versiones de una pieza de UI para compararlas. Emil Design Eng resume la filosofía general de pulido de interfaz del autor. Está pensado para equipos de diseño e ingeniería frontend que usan agentes de código y quieren que esos agentes tomen decisiones de animación y componentes con un criterio consistente, en vez de instalar solo una skill puntual. No cubre backend, arquitectura de aplicaciones ni frameworks de UI fuera de web y React Native/Expo; el foco es exclusivamente animación, motion y elección de componentes de interfaz. ## Datos del repositorio - Publicado por: [emilkowalski](https://skillsagentes.com/creators/emilkowalski.md) - Skills indexados: 12 - Categorías: Diseño y UI, Herramientas para desarrolladores, Testing y QA - Estrellas: 35531 - Licencia: MIT - Último push: 2026-08-21 - [Código fuente](https://github.com/emilkowalski/skills) ## Los 12 skills - [Emil Design Eng](https://skillsagentes.com/skills/emilkowalski/skills/emil-design-eng.md): Encapsula la filosofía de Emil Kowalski sobre el pulido de UI, el diseño de componentes, las decisiones de animación y los detalles invisibles que hacen que el software se sienta genial. - [Pick Ui Library](https://skillsagentes.com/skills/emilkowalski/skills/pick-ui-library.md): Elige la librería correcta para una tarea frontend a partir de una lista curada y opinionada: números, inputs OTP, gráficos, command menus, virtualización, drag and drop, toasts, estado, estilos y más. - [Animate Expo](https://skillsagentes.com/skills/emilkowalski/skills/animate-expo.md): Construye animaciones en React Native y Expo decidiendo si debe animarse, en qué hilo corre, spring o timing, y cómo degradar el gesto; implementa con Reanimated, Gesture Handler, Expo Router y expo-haptics. - [Animation Vocabulary](https://skillsagentes.com/skills/emilkowalski/skills/animation-vocabulary.md): Glosario de búsqueda inversa que convierte una descripción vaga de una animación web en su término exacto ("el efecto rebote al abrir un popover" → Pop in)."El scroll tipo goma iOS" → Rubber-banding. - [Write Swift](https://skillsagentes.com/skills/emilkowalski/skills/write-swift.md): Cómo escribir Swift moderno bien: modelado con value types, seguridad ante data races de Swift 6, concurrencia accesible, protocolos y genéricos, diseño de API, rendimiento, ARC, Swift Testing y macros. - [Animate](https://skillsagentes.com/skills/emilkowalski/skills/animate.md): Construye una animación desde cero, decidiendo en orden si debe animarse, con qué propósito, con qué herramienta, propiedades, curva y duración, cómo se interrumpe y cómo sale; escribe la implementación. - [Apple Design](https://skillsagentes.com/skills/emilkowalski/skills/apple-design.md): El enfoque de Apple al diseño de interfaces y al movimiento fluido y físico, traducido a la web: gestos, springs, materiales, tipografía y accesibilidad. - [Ask Sonner](https://skillsagentes.com/skills/emilkowalski/skills/ask-sonner.md): Guía sobre Sonner, la librería de toasts para React: instalación del Toaster, elección de la llamada toast() correcta, promise/loading, actualización, estilos, temas, posicionamiento y solución de problemas. - [Prototype](https://skillsagentes.com/skills/emilkowalski/skills/prototype.md): Construye varias versiones genuinamente distintas de una pieza de UI descrita, mostradas en un picker visual para navegarlas en vivo y promover la elegida. Solo se activa si se invoca explícitamente. - [Improve Animations](https://skillsagentes.com/skills/emilkowalski/skills/improve-animations.md): Audita el código de animación y motion de un repo como un asesor senior, y genera planes de implementación autocontenidos para que otros los ejecuten; solo lectura, no aplica los cambios. - [Review Animations](https://skillsagentes.com/skills/emilkowalski/skills/review-animations.md): Revisa código de animación y motion contra un estándar de craft alto basado en la filosofía de diseño de Emil Kowalski; por defecto señala problemas, la aprobación se gana. - [Find Animation Opportunities](https://skillsagentes.com/skills/emilkowalski/skills/find-animation-opportunities.md): Busca en un código o interfaz lugares que no animan pero deberían, y rechaza todo lo que no debería animarse. Es de solo lectura: propone movimiento con valores exactos, no lo implementa. ## Preguntas frecuentes - **¿Qué incluye skills?** 12 skills indexados en este directorio, repartidos entre 3 categorías, sobre todo Diseño y UI, Herramientas para desarrolladores, Testing y QA. Cada uno es un SKILL.md con sus propios archivos, y en la lista de esta página tienes los 12 con enlace a su ficha. - **¿Cómo instalo todo el pack skills de una vez?** Con un solo comando: npx -y skills add emilkowalski/skills --agent claude-code. Instala los 12 skills del repositorio en el proyecto actual. Añade -g al final para dejarlos disponibles en toda la máquina, y cambia --agent si usas Cursor, Codex, Gemini CLI, Windsurf o Cline. - **¿Puedo instalar solo uno de los skills?** Sí. Cada ficha de skill trae su propio comando con el selector --skill, así que puedes coger uno suelto sin traerte los 12. Es lo recomendable si solo necesitas una tarea concreta: cada skill instalado ocupa contexto en tu agente. - **¿Qué licencia tiene skills?** El repositorio declara licencia MIT. Los archivos son del autor; este directorio solo los indexa y enlaza al origen. - **¿Quién mantiene skills?** emilkowalski, en GitHub. El último push al repositorio se registró el 21 de agosto de 2026. --- [Todos los packs](https://skillsagentes.com/skills/packs.md) · [Todas las skills](https://skillsagentes.com/skills.md) Skills Agentes · [Índice de páginas en markdown](https://skillsagentes.com/sitemap.md) · [Inicio](https://skillsagentes.com/index.md)