·small-200-300ms
*

small-200-300ms

Verwenden Sie es beim Erstellen kleiner Übergänge zwischen 200 und 300 ms – modale Erscheinungsbilder, Kartenerweiterungen, Navigationsübergänge, die Benutzer bewusst wahrnehmen

35Installationen·3Trend·@dylantarre

Installation

$npx skills add https://github.com/dylantarre/animation-principles --skill small-200-300ms

So installieren Sie small-200-300ms

Installieren Sie den KI-Skill small-200-300ms 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 small-200-300ms
  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.

At 200-300ms, users consciously perceive motion. This duration bridges micro-interactions and full animations - ideal for UI state changes.

Squash & Stretch: Visible but restrained - 10-15% for playful interfaces, 5% for professional.

Anticipation: Brief wind-up works - 40-60ms preparation enhances 200ms main action.

Verwenden Sie es beim Erstellen kleiner Übergänge zwischen 200 und 300 ms – modale Erscheinungsbilder, Kartenerweiterungen, Navigationsübergänge, die Benutzer bewusst wahrnehmen 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 small-200-300ms
Kategorie
*Kreativität
Verifiziert
Erstes Auftreten
2026-03-05
Aktualisiert
2026-03-11

Browse more skills from dylantarre/animation-principles

Schnelle Antworten

Was ist small-200-300ms?

Verwenden Sie es beim Erstellen kleiner Übergänge zwischen 200 und 300 ms – modale Erscheinungsbilder, Kartenerweiterungen, Navigationsübergänge, die Benutzer bewusst wahrnehmen Quelle: dylantarre/animation-principles.

Wie installiere ich small-200-300ms?

Ö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 small-200-300ms 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