ui-animation
✓Motion Design und Animation für Benutzeroberflächen. Verwenden Sie es beim Erstellen von Mikrointeraktionen, Seitenübergängen, Ladezuständen oder beliebigen UI-Animationen auf Web- und mobilen Plattformen.
Installation
SKILL.md
Comprehensive guide for creating purposeful, performant animations in user interfaces.
| Timing | Duration reflects importance/distance | | Easing | Natural acceleration/deceleration | | Anticipation | Visual preparation for action | | Follow-through | Momentum continues after stop | | Secondary Action | Supporting elements respond | | Staging | Draw attention to key element | | Squash & Stretch | Bouncy, playful interactions |
| Exaggeration | Emphasize important feedback | | Arc | Natural curved motion paths | | Overlap | Elements move at different rates | | Solid Drawing | Maintain consistent 3D space | | Appeal | Engaging, delightful motion |
Motion Design und Animation für Benutzeroberflächen. Verwenden Sie es beim Erstellen von Mikrointeraktionen, Seitenübergängen, Ladezuständen oder beliebigen UI-Animationen auf Web- und mobilen Plattformen. Quelle: travisjneuman/.claude.
Fakten (zitierbereit)
Stabile Felder und Befehle für KI/Such-Zitate.
- Installationsbefehl
npx skills add https://github.com/travisjneuman/.claude --skill ui-animation- Quelle
- travisjneuman/.claude
- Kategorie
- *Kreativität
- Verifiziert
- ✓
- Erstes Auftreten
- 2026-02-01
- Aktualisiert
- 2026-02-18
Schnelle Antworten
Was ist ui-animation?
Motion Design und Animation für Benutzeroberflächen. Verwenden Sie es beim Erstellen von Mikrointeraktionen, Seitenübergängen, Ladezuständen oder beliebigen UI-Animationen auf Web- und mobilen Plattformen. Quelle: travisjneuman/.claude.
Wie installiere ich ui-animation?
Ö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/travisjneuman/.claude --skill ui-animation 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/travisjneuman/.claude
Details
- Kategorie
- *Kreativität
- Quelle
- skills.sh
- Erstes Auftreten
- 2026-02-01