¿Qué es icons-badges?
Úselo al animar íconos, insignias, avatares, indicadores de estado o pequeños elementos visuales para agregar personalidad y comentarios. Fuente: dylantarre/animation-principles.
·icons-badges
*
icons-badges
✓dylantarre/animation-principlesGitHub: dylantarre/animation-principlesFuente: dylantarre/animation-principles
Úselo al animar íconos, insignias, avatares, indicadores de estado o pequeños elementos visuales para agregar personalidad y comentarios.
Instalación
Cómo instalar icons-badges
Instala rápidamente el skill de IA icons-badges en tu entorno de desarrollo mediante línea de comandos
- Abrir Terminal: Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.)
- Ejecutar comando de instalación: Copia y ejecuta este comando: npx skills add https://github.com/dylantarre/animation-principles --skill icons-badges
- Verificar instalación: Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw
Fuente: dylantarre/animation-principles.
SKILL.md
Ver originalApply Disney's 12 principles to small UI elements for personality and meaningful feedback.
Squash & Stretch Heart icons can squash/stretch on "like" tap. Notification badges can bounce with squash on arrival. Adds life to small elements.
Anticipation Before icon action, brief scale down (0.9) for 50ms. Bell can tilt back before ringing forward. Prepares for action.
Úselo al animar íconos, insignias, avatares, indicadores de estado o pequeños elementos visuales para agregar personalidad y comentarios. Fuente: dylantarre/animation-principles.
Datos (listos para citar)
Campos y comandos estables para citas de IA/búsqueda.
- Comando de instalación
npx skills add https://github.com/dylantarre/animation-principles --skill icons-badges- Categoría
- *Creatividad
- Verificado
- ✓
- Primera vez visto
- 2026-03-05
- Actualizado
- 2026-03-10
Respuestas rápidas
¿Cómo instalo icons-badges?
Abre tu terminal o herramienta de línea de comandos (Terminal, iTerm, Windows Terminal, etc.) Copia y ejecuta este comando: npx skills add https://github.com/dylantarre/animation-principles --skill icons-badges Una vez instalado, el skill se configurará automáticamente en tu entorno de programación con IA y estará listo para usar en Claude Code, Cursor u OpenClaw
¿Dónde está el repositorio de origen?
https://github.com/dylantarre/animation-principles
Detalles
- Categoría
- *Creatividad
- Fuente
- skills.sh
- Primera vez visto
- 2026-03-05