Communitygithub.com

supermemoryai/animaciones-svg

Crea hermosas y eficientes animaciones e ilustraciones SVG. Utiliza esta habilidad cuando el usuario solicite crear gráficos SVG, íconos, ilustraciones, logotipos animados, animaciones de trayectorias, formas morphing, spinners de carga o cualquier contenido SVG animado. Cubre animaciones SMIL, animación SVG con CSS, efectos de dibujo de trayectorias, morphing de formas, rutas de movimiento, degradados, máscaras y filtros.

¿Qué es animaciones-svg?

Esta habilidad permite a un agente de IA generar animaciones e ilustraciones SVG de alto rendimiento y atractivo visual. Es especialmente útil cuando un usuario necesita gráficos vectoriales animados, como logotipos animados, íconos interactivos, spinners de carga o ilustraciones complejas con efectos visuales. Soporta múltiples plataformas de agentes de IA, incluyendo Claude Code, Cursor y Codex. La habilidad utiliza una combinación de técnicas de animación SVG, como SMIL (animaciones declarativas), CSS para controlar propiedades visuales, y JavaScript para manipulación dinámica del DOM. Cubre una amplia gama de efectos: animación de trayectorias (path drawing), morphing de formas (transformación gradual entre figuras), seguimiento de rutas de movimiento, y aplicación de degradados, máscaras y filtros para enriquecer el diseño. El código generado es limpio, modular y optimizado para renderizarse sin problemas en navegadores modernos, priorizando la eficiencia y la compatibilidad.

Compatible con~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/supermemoryai/skills/tree/main/skills/svg-animations

Preguntar en tu IA favorita

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

Documentación

¿Qué hace animaciones-svg?

Crea hermosas y eficientes animaciones e ilustraciones SVG. Utiliza esta habilidad cuando el usuario solicite crear gráficos SVG, íconos, ilustraciones, logotipos animados, animaciones de trayectorias, formas morphing, spinners de carga o cualquier contenido SVG animado. Cubre animaciones SMIL, animación SVG con CSS, efectos de dibujo de trayectorias, morphing de formas, rutas de movimiento, degradados, máscaras y filtros.

Skills relacionados