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.
Installieren Sie den KI-Skill scroll-animations schnell in Ihrer Entwicklungsumgebung über die Kommandozeile
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.
Stabile Felder und Befehle für KI/Such-Zitate.
npx skills add https://github.com/dylantarre/animation-principles --skill scroll-animationsWird 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.
Ö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
https://github.com/dylantarre/animation-principles