Communitygithub.com

emilkowalski/find-animation-opportunities

Habilidad de agente para identificar oportunidades de animación en CSS.

¿Qué es find-animation-opportunities?

Esta habilidad permite que un asistente de IA analice el contenido de aplicaciones web, como JSX, CSS y otros archivos de interfaz de usuario, para detectar posibles mejoras mediante animaciones CSS. Su objetivo es sugerir animaciones sutiles y funcionales que mejoren la experiencia del usuario, como transiciones en hover, animaciones de entrada, cambios de estado, microinteracciones y efectos de carga. La habilidad se basa en principios de UI/UX modernos y entiende el contexto del código examinado, evitando animaciones innecesarias o distractoras. Es compatible con agentes de IA que trabajan en entornos de desarrollo web, como Claude Code, Cursor y Codex, y se activa automáticamente cuando el usuario busca optimizar la interactividad y el atractivo visual de una aplicación. Su implementación consiste en analizar el código y generar sugerencias detalladas con ejemplos de implementación en CSS, utilizando técnicas como keyframes, transiciones y animaciones modulares. Es especialmente útil para desarrolladores que desean agregar refinamientos visuales sin aumentar la complejidad del código.

Compatible con~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/emilkowalski/skills/tree/main/skills/find-animation-opportunities

Preguntar en tu IA favorita

Abre un nuevo chat con esta habilidad de agente ya precargada.

Documentación

¿Qué hace find-animation-opportunities?

Habilidad de agente 'find-animation-opportunities' de emilkowalski/skills. Úsala cuando la tarea coincida con el dominio de esta habilidad.

Individual skills in this repo

This repo contains 11 individual skills — each has its own dedicated page.

Skills relacionados