·timing-calibration
*

timing-calibration

Verwenden Sie diese Option, wenn sich die Animationsgeschwindigkeit falsch anfühlt – zu schnell, zu langsam oder inkonsistent

34Installationen·3Trend·@dylantarre

Installation

$npx skills add https://github.com/dylantarre/animation-principles --skill timing-calibration

So installieren Sie timing-calibration

Installieren Sie den KI-Skill timing-calibration schnell in Ihrer Entwicklungsumgebung über die Kommandozeile

  1. Terminal öffnen: Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Installationsbefehl ausführen: Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/dylantarre/animation-principles --skill timing-calibration
  3. Installation überprüfen: Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw

Quelle: dylantarre/animation-principles.

Timing 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.

Verwenden Sie diese Option, wenn sich die Animationsgeschwindigkeit falsch anfühlt – zu schnell, zu langsam oder inkonsistent Quelle: dylantarre/animation-principles.

Fakten (zitierbereit)

Stabile Felder und Befehle für KI/Such-Zitate.

Installationsbefehl
npx skills add https://github.com/dylantarre/animation-principles --skill timing-calibration
Kategorie
*Kreativität
Verifiziert
Erstes Auftreten
2026-03-05
Aktualisiert
2026-03-11

Browse more skills from dylantarre/animation-principles

Schnelle Antworten

Was ist timing-calibration?

Verwenden Sie diese Option, wenn sich die Animationsgeschwindigkeit falsch anfühlt – zu schnell, zu langsam oder inkonsistent Quelle: dylantarre/animation-principles.

Wie installiere ich timing-calibration?

Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.) Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/dylantarre/animation-principles --skill timing-calibration Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw

Wo ist das Quell-Repository?

https://github.com/dylantarre/animation-principles