¿Qué es timing-calibration?
Úselo cuando la velocidad de la animación parezca incorrecta: demasiado rápida, demasiado lenta o inconsistente. Fuente: dylantarre/animation-principles.
·timing-calibration
*
timing-calibration
✓dylantarre/animation-principlesGitHub: dylantarre/animation-principlesFuente: dylantarre/animation-principles
Úselo cuando la velocidad de la animación parezca incorrecta: demasiado rápida, demasiado lenta o inconsistente.
Instalación
Cómo instalar timing-calibration
Instala rápidamente el skill de IA timing-calibration 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 timing-calibration
- 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 originalTiming Issue: Duration doesn't match action type Fix: Micro-interactions: 100-150ms. Transitions: 200-400ms. Complex reveals: 400-600ms. Never exceed 1s for UI.
Slow In and Slow Out Issue: Linear timing feels mechanical Fix: Use easing. Ease-out for entrances (fast start, soft landing). Ease-in for exits (soft start, quick finish).
Arcs Issue: Straight-line motion at wrong speed Fix: Curved paths need more time than straight paths. Increase duration for arc motion.
Úselo cuando la velocidad de la animación parezca incorrecta: demasiado rápida, demasiado lenta o inconsistente. 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 timing-calibration- Categoría
- *Creatividad
- Verificado
- ✓
- Primera vez visto
- 2026-03-05
- Actualizado
- 2026-03-10
Respuestas rápidas
¿Cómo instalo timing-calibration?
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 timing-calibration 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