web-animation-design
✓Entwerfen und implementieren Sie Webanimationen, die sich natürlich und zielgerichtet anfühlen. Nutzen Sie diese Fähigkeit proaktiv, wenn der Benutzer Fragen zu Animationen, Bewegung, Beschleunigung, Timing, Dauer, Sprüngen, Übergängen oder Animationsleistung stellt. Dazu gehören Fragen zur Animation bestimmter UI-Elemente, zur Benutzerfreundlichkeit, zu Best Practices für Animationen oder zu Überlegungen zur Barrierefreiheit bei Bewegungen. Löst aus: Easing, Ease-out, Ease-in, Ease-in-out, Kubikbezier, Bounce, Federphysik, Keyframes, Transformation, Deckkraft, Fade, Slide, Scale, Hover-Effekte, Mikrointeraktionen, Framer Motion, React Spring, GSAP, CSS-Übergänge, Eingangs-/Ausgangsanimationen, Seitenübergänge, Stagger, Will-Change, GPU-Beschleunigung, Preferences-Reduced-Motion, Modal-/Dropdown-/Tooltip-/Popover-/Schubladenanimationen, Gestenanimationen, Drag-Interaktionen, Tastendruckgefühl, „fühlt sich ruckartig an“, „machen es glatt“.
Installation
SKILL.md
A comprehensive guide for creating animations that feel right, based on Emil Kowalski's "Animations on the Web" course.
When this skill is first invoked without a specific question, respond only with: I'm ready to help you with animations based on Emil Kowalski's animations.dev course.
Do not provide any other information until the user asks a question.
Entwerfen und implementieren Sie Webanimationen, die sich natürlich und zielgerichtet anfühlen. Nutzen Sie diese Fähigkeit proaktiv, wenn der Benutzer Fragen zu Animationen, Bewegung, Beschleunigung, Timing, Dauer, Sprüngen, Übergängen oder Animationsleistung stellt. Dazu gehören Fragen zur Animation bestimmter UI-Elemente, zur Benutzerfreundlichkeit, zu Best Practices für Animationen oder zu Überlegungen zur Barrierefreiheit bei Bewegungen. Löst aus: Easing, Ease-out, Ease-in, Ease-in-out, Kubikbezier, Bounce, Federphysik, Keyframes, Transformation, Deckkraft, Fade, Slide, Scale, Hover-Effekte, Mikrointeraktionen, Framer Motion, React Spring, GSAP, CSS-Übergänge, Eingangs-/Ausgangsanimationen, Seitenübergänge, Stagger, Will-Change, GPU-Beschleunigung, Preferences-Reduced-Motion, Modal-/Dropdown-/Tooltip-/Popover-/Schubladenanimationen, Gestenanimationen, Drag-Interaktionen, Tastendruckgefühl, „fühlt sich ruckartig an“, „machen es glatt“. Quelle: connorads/dotfiles.
Fakten (zitierbereit)
Stabile Felder und Befehle für KI/Such-Zitate.
- Installationsbefehl
npx skills add https://github.com/connorads/dotfiles --skill web-animation-design- Quelle
- connorads/dotfiles
- Kategorie
- *Kreativität
- Verifiziert
- ✓
- Erstes Auftreten
- 2026-02-17
- Aktualisiert
- 2026-02-18
Schnelle Antworten
Was ist web-animation-design?
Entwerfen und implementieren Sie Webanimationen, die sich natürlich und zielgerichtet anfühlen. Nutzen Sie diese Fähigkeit proaktiv, wenn der Benutzer Fragen zu Animationen, Bewegung, Beschleunigung, Timing, Dauer, Sprüngen, Übergängen oder Animationsleistung stellt. Dazu gehören Fragen zur Animation bestimmter UI-Elemente, zur Benutzerfreundlichkeit, zu Best Practices für Animationen oder zu Überlegungen zur Barrierefreiheit bei Bewegungen. Löst aus: Easing, Ease-out, Ease-in, Ease-in-out, Kubikbezier, Bounce, Federphysik, Keyframes, Transformation, Deckkraft, Fade, Slide, Scale, Hover-Effekte, Mikrointeraktionen, Framer Motion, React Spring, GSAP, CSS-Übergänge, Eingangs-/Ausgangsanimationen, Seitenübergänge, Stagger, Will-Change, GPU-Beschleunigung, Preferences-Reduced-Motion, Modal-/Dropdown-/Tooltip-/Popover-/Schubladenanimationen, Gestenanimationen, Drag-Interaktionen, Tastendruckgefühl, „fühlt sich ruckartig an“, „machen es glatt“. Quelle: connorads/dotfiles.
Wie installiere ich web-animation-design?
Ö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/connorads/dotfiles --skill web-animation-design Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code oder Cursor
Wo ist das Quell-Repository?
https://github.com/connorads/dotfiles
Details
- Kategorie
- *Kreativität
- Quelle
- skills.sh
- Erstes Auftreten
- 2026-02-17