·scroll-animations
*

scroll-animations

Wird zum Auslösen von Animationen beim Scrollen verwendet – zum Anzeigen von Effekten, Parallaxen, Sticky-Headern, Fortschrittsanzeigen oder anderen mit dem Scrollen verknüpften Bewegungen.

78Installationen·3Trend·@dylantarre

Installation

$npx skills add https://github.com/dylantarre/animation-principles --skill scroll-animations

So installieren Sie scroll-animations

Installieren Sie den KI-Skill scroll-animations 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 scroll-animations
  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.

Squash & Stretch: Elements can compress slightly while scrolling fast, settle when stopped.

Anticipation: Content should be slightly visible before full reveal. Start animations at 10-20% visibility.

Staging: Reveal content in reading order. Top-to-bottom, left-to-right progression.

Wird zum Auslösen von Animationen beim Scrollen verwendet – zum Anzeigen von Effekten, Parallaxen, Sticky-Headern, Fortschrittsanzeigen oder anderen mit dem Scrollen verknüpften Bewegungen. 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 scroll-animations
Kategorie
*Kreativität
Verifiziert
Erstes Auftreten
2026-03-03
Aktualisiert
2026-03-10

Browse more skills from dylantarre/animation-principles

Schnelle Antworten

Was ist scroll-animations?

Wird zum Auslösen von Animationen beim Scrollen verwendet – zum Anzeigen von Effekten, Parallaxen, Sticky-Headern, Fortschrittsanzeigen oder anderen mit dem Scrollen verknüpften Bewegungen. Quelle: dylantarre/animation-principles.

Wie installiere ich scroll-animations?

Ö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 scroll-animations 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