¿Qué es modals-dialogs?
Úselo al animar modales, cuadros de diálogo, ventanas emergentes o contenido superpuesto para crear entradas y salidas fluidas. Fuente: dylantarre/animation-principles.
·modals-dialogs
*
modals-dialogs
✓dylantarre/animation-principlesGitHub: dylantarre/animation-principlesFuente: dylantarre/animation-principles
Úselo al animar modales, cuadros de diálogo, ventanas emergentes o contenido superpuesto para crear entradas y salidas fluidas.
Instalación
Cómo instalar modals-dialogs
Instala rápidamente el skill de IA modals-dialogs 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 modals-dialogs
- 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 modals for seamless, non-jarring transitions.
Squash & Stretch Modal can scale from 0.9 to 1.0 on enter, creating a subtle expansion feel. Exit reverses. Keep it subtle to maintain professionalism.
Anticipation Trigger element (button) should react before modal appears. Brief scale-down of trigger, then modal emerges from that point.
Úselo al animar modales, cuadros de diálogo, ventanas emergentes o contenido superpuesto para crear entradas y salidas fluidas. 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 modals-dialogs- Categoría
- *Creatividad
- Verificado
- ✓
- Primera vez visto
- 2026-03-05
- Actualizado
- 2026-03-11
Respuestas rápidas
¿Cómo instalo modals-dialogs?
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 modals-dialogs 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