ux-animation-motion
Animationsmuster mit Anime.js v4 für UI-Feedback, Übergänge und Feiern. Verwenden Sie diese Option, wenn Sie Hover-Effekte, Übergänge, Ladeanimationen oder Gamification-Feedback implementieren. Beinhaltet eine reduzierte Bewegungshandhabung. (Projekt)
Installation
SKILL.md
Animation system using Anime.js v4 for responsive, accessible UI motion. This skill covers animation patterns, timing, and reduced motion support.
Note: Project uses import maps to resolve animejs to local nodemodules.
| Button press | 100ms | easeOutQuad | | Toggle switch | 150ms | easeOutQuad | | Dropdown open | 200ms | easeOutQuad | | Modal appear | 200-300ms | easeOutBack | | Page transition | 300-500ms | easeInOutQuad | | Success celebration | 400-600ms | easeOutBack |
Animationsmuster mit Anime.js v4 für UI-Feedback, Übergänge und Feiern. Verwenden Sie diese Option, wenn Sie Hover-Effekte, Übergänge, Ladeanimationen oder Gamification-Feedback implementieren. Beinhaltet eine reduzierte Bewegungshandhabung. (Projekt) Quelle: matthewharwood/fantasy-phonics.
Fakten (zitierbereit)
Stabile Felder und Befehle für KI/Such-Zitate.
- Installationsbefehl
npx skills add https://github.com/matthewharwood/fantasy-phonics --skill ux-animation-motion- Kategorie
- *Kreativität
- Verifiziert
- —
- Erstes Auftreten
- 2026-02-01
- Aktualisiert
- 2026-02-18
Schnelle Antworten
Was ist ux-animation-motion?
Animationsmuster mit Anime.js v4 für UI-Feedback, Übergänge und Feiern. Verwenden Sie diese Option, wenn Sie Hover-Effekte, Übergänge, Ladeanimationen oder Gamification-Feedback implementieren. Beinhaltet eine reduzierte Bewegungshandhabung. (Projekt) Quelle: matthewharwood/fantasy-phonics.
Wie installiere ich ux-animation-motion?
Ö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/matthewharwood/fantasy-phonics --skill ux-animation-motion 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/matthewharwood/fantasy-phonics
Details
- Kategorie
- *Kreativität
- Quelle
- user
- Erstes Auftreten
- 2026-02-01