Pack de 12 skills
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.
indexados aquí
cubiertas
en GitHub
al repositorio
Funciona con cualquier agente que lea SKILL.md
npx -y skills add emilkowalski/skills --agent claude-codeInstala todos los skills del repositorio, solo en este proyecto.
Instala los 12 skills del repositorio de una vez. Cada ficha individual trae su propio comando si solo quieres uno — cada skill instalado ocupa contexto en el agente.
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.
Los 12 más populares del pack, sobre Diseño y UI, Herramientas para desarrolladores, Testing y QA.
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.
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.
Convierte tu voz en texto, allí donde escribas.
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.
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.
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.
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.
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.
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.
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.
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.
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.
Fotos profesionales con IA en minutos.
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.
