Agent Skills para que los agentes de programación diseñen interfaces distintivas, con dirección de arte, fotos reales y una revisión en el navegador, en lugar de páginas genéricas de IA.
99,1 mil6,7 milJavaScriptMITActualizado ayer
emilkowalski/skills
Colección de skills para agentes que enseñan a asistentes de programación con IA reglas de animación, diseño de UI y desarrollo frontend basadas en la experiencia del autor en Vercel y Linear.
- Estrellas
- 47,495
- Forks
- 2,737
- Issues abiertos
- 4
- Último commit
- hace 9 días
¿Qué es?
Este repositorio reúne skills instalables para diseñadores e ingenieros que crean interfaces de usuario. Cada skill es un archivo SKILL.md que ofrece indicaciones específicas a un agente de programación con IA, como qué curva de easing usar en una animación de entrada, cuándo conviene más una sombra semitransparente que un borde sólido o cómo evitar la pérdida de frames en las animaciones.
Las skills abarcan varias áreas: diseño y revisión de animaciones (animate, review-animations, animation-performance, animation-vocabulary), movimiento en React Native y Expo, principios de diseño de interfaces al estilo de Apple, recomendaciones para programar en Swift, selección de bibliotecas de UI, creación de prototipos con distintas variantes de UI, acabados para la web móvil y pruebas de estrés de interfaces con datos extremos. Sonner, una biblioteca de componentes de toast, también tiene su propia skill de configuración y solución de problemas.
La instalación se hace con un único comando de la CLI de npx skills. Las skills están escritas por un solo autor y reflejan sus opiniones personales sobre diseño, por lo que son adecuadas para equipos que quieran que un agente siga un criterio concreto y definido.
Funciones clave
- 01Indicaciones sobre animación que abarcan easing, duración y qué propiedades animar.
- 02Skills de revisión y auditoría que analizan un codebase en busca de problemas de animación y proponen soluciones priorizadas.
- 03Skill de rendimiento centrada en corregir la pérdida de frames en las animaciones.
- 04Skill para React Native y Expo sobre gestos, sheets, háptica y transiciones entre pantallas.
- 05Skill de Swift que abarca tipos por valor, concurrencia de Swift 6 y Swift Testing.
- 06Instalación con un único comando de npx.
Casos de uso
- Pedirle a un agente de programación con IA que añada o revise animaciones en una interfaz de React o web.
- Auditar una app existente para detectar errores de animación y obtener un plan de corrección priorizado.
- Crear una app con React Native o Expo que tenga gestos y transiciones pulidos.
- Poner a prueba una UI con nombres largos, listas vacías y datos inusuales antes del lanzamiento.
Inicio rápido
- 1
Instala las habilidades en tu agente
npx skills@latest add emilkowalski/skills
Antes de usarlo
- Las habilidades son guías para asistentes de programación con IA, no aplicaciones independientes.
- Algunas habilidades están diseñadas para tecnologías específicas, como React Native/Expo, Swift o Sonner, por lo que solo serán útiles si usas esas herramientas.
Temas
Preguntas frecuentes
- ¿Qué es skills?
- Colección de skills para agentes que enseñan a asistentes de programación con IA reglas de animación, diseño de UI y desarrollo frontend basadas en la experiencia del autor en Vercel y Linear. Este repositorio reúne skills instalables para diseñadores e ingenieros que crean interfaces de usuario. Cada skill es un archivo SKILL.md que ofrece indicaciones específicas a un agente de programación con IA, como qué curva de easing usar en una animación de entrada, cuándo conviene más una sombra semitransparente que un borde sólido o cómo evitar la pérdida de frames en las animaciones.
- ¿skills es gratuito? ¿Qué licencia tiene?
- skills es open source bajo la licencia MIT. Revisa los términos de la licencia antes de usarlo en productos comerciales.
- ¿skills sigue mantenido?
- Mantenimiento activo. El último commit de skills fue el 11 oct 2026.
- ¿Para qué puedo usar skills?
- Pedirle a un agente de programación con IA que añada o revise animaciones en una interfaz de React o web. Auditar una app existente para detectar errores de animación y obtener un plan de corrección priorizado. Crear una app con React Native o Expo que tenga gestos y transiciones pulidos. Poner a prueba una UI con nombres largos, listas vacías y datos inusuales antes del lanzamiento.
- ¿Cómo se instala skills?
- Instala las habilidades en tu agente: npx skills@latest add emilkowalski/skills
- ¿Dónde consigo skills?
- El código fuente y las instrucciones de instalación están en GitHub: https://github.com/emilkowalski/skills
Resumen generado por IA a partir del README del proyecto. Las estadísticas de GitHub se actualizan a diario.
Proyectos relacionados
Conjunto de Agent Skills que enseñan a agentes de programación con IA, como Claude Code, Codex y Cursor, buenas prácticas para crear proyectos de video con Remotion.
5,4 mil592TypeScriptSin licenciaActualizado hace 4 días
Un skill de diseño para Claude Code, Cursor y Codex que guía a los agentes de programación con IA para crear interfaces que no parezcan generadas por IA.
30,4 mil1,6 milCSSMITActualizado hace 3 meses
Formato abierto y especificación para empaquetar instrucciones, scripts y recursos en carpetas SKILL.md que los agentes de IA cargan bajo demanda.
26,3 mil2 milPythonApache-2.0Actualizado hace 2 meses
Colección seleccionada de más de 161 definiciones de subagentes de Claude Code listas para usar, en 10 categorías de desarrollo, infraestructura, seguridad, datos y más.
25,9 mil3,1 milShellMITActualizado hace 9 días
Plataforma open source de observabilidad y evaluación de LLM para rastrear agentes de IA, puntuar sus resultados, gestionar prompts y monitorizar sistemas en producción.
22,8 mil1,9 milPythonApache-2.0Actualizado hace 7 horas