ui-animation
✓Führen Sie geschmackvolle UI-Animationen mit Beschleunigung, Federn, Layout-Animationen, Gesten und Barrierefreiheit. Deckt Rückenwind- und Bewegungsmuster ab. Wird verwendet, wenn: (1) Ein-/Ausstiegsanimationen implementiert werden, (2) Beschleunigungskurven ausgewählt werden, (3) Federn konfiguriert werden, (4) Layoutanimationen und gemeinsame Elemente erstellt werden, (5) Drag-/Wischgesten, (6) Mikrointeraktionen, (7) Zugänglichkeit bei bevorzugten Bewegungen gewährleistet wird. Auslöser: Animieren, Animation, Beschleunigung, Frühling, Übergang, Bewegung, Layout, Geste, Ziehen, Wischen, reduzierte Bewegung, Framer-Bewegung.
Installation
SKILL.md
Tasteful UI animation with proper timing, accessibility, and performance.
Default: Start with Easing Decision Tree → Duration Guidelines → Implement → Add a11y → Verify
| Micro-interaction | Button press, toggle, checkbox | CSS/Tailwind | | Enter/Exit | Modal, toast, dropdown | Motion + AnimatePresence | | Layout change | Accordion, reorder, expand | Motion layout prop | | Shared element | Tab indicator, card expand | Motion layoutId | | Gesture | Drag, swipe, pull-to-refresh | Motion springs |
Führen Sie geschmackvolle UI-Animationen mit Beschleunigung, Federn, Layout-Animationen, Gesten und Barrierefreiheit. Deckt Rückenwind- und Bewegungsmuster ab. Wird verwendet, wenn: (1) Ein-/Ausstiegsanimationen implementiert werden, (2) Beschleunigungskurven ausgewählt werden, (3) Federn konfiguriert werden, (4) Layoutanimationen und gemeinsame Elemente erstellt werden, (5) Drag-/Wischgesten, (6) Mikrointeraktionen, (7) Zugänglichkeit bei bevorzugten Bewegungen gewährleistet wird. Auslöser: Animieren, Animation, Beschleunigung, Frühling, Übergang, Bewegung, Layout, Geste, Ziehen, Wischen, reduzierte Bewegung, Framer-Bewegung. Quelle: lukasstrickler/ai-dev-atelier.
Fakten (zitierbereit)
Stabile Felder und Befehle für KI/Such-Zitate.
- Installationsbefehl
npx skills add https://github.com/lukasstrickler/ai-dev-atelier --skill ui-animation- Kategorie
- *Kreativität
- Verifiziert
- ✓
- Erstes Auftreten
- 2026-02-01
- Aktualisiert
- 2026-02-18
Schnelle Antworten
Was ist ui-animation?
Führen Sie geschmackvolle UI-Animationen mit Beschleunigung, Federn, Layout-Animationen, Gesten und Barrierefreiheit. Deckt Rückenwind- und Bewegungsmuster ab. Wird verwendet, wenn: (1) Ein-/Ausstiegsanimationen implementiert werden, (2) Beschleunigungskurven ausgewählt werden, (3) Federn konfiguriert werden, (4) Layoutanimationen und gemeinsame Elemente erstellt werden, (5) Drag-/Wischgesten, (6) Mikrointeraktionen, (7) Zugänglichkeit bei bevorzugten Bewegungen gewährleistet wird. Auslöser: Animieren, Animation, Beschleunigung, Frühling, Übergang, Bewegung, Layout, Geste, Ziehen, Wischen, reduzierte Bewegung, Framer-Bewegung. Quelle: lukasstrickler/ai-dev-atelier.
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/lukasstrickler/ai-dev-atelier --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/lukasstrickler/ai-dev-atelier
Details
- Kategorie
- *Kreativität
- Quelle
- skills.sh
- Erstes Auftreten
- 2026-02-01