·animating-react-native-expo
</>

animating-react-native-expo

Erstellt leistungsstarke Animationen und gestengesteuerte Interaktionen in React Native (Expo)-Apps mit React Native Reanimated v4 und React Native Gesture Handler (GestureDetector/Hook-API). Verwenden Sie diese Option zum Implementieren von UI-Bewegungen, Übergängen, Layout-/Eingabe-/Beendigungsanimationen, Übergängen/Animationen im CSS-Stil, interaktiven Gesten (Schwenken/Kneifen/Wischen/Ziehen), scrollverknüpften Animationen, Worklets/gemeinsamen Werten oder dem Debuggen von Animationsleistungs- und Threading-Problemen.

46Installationen·1Trend·@tristanmanchester

Installation

$npx skills add https://github.com/tristanmanchester/agent-skills --skill animating-react-native-expo

So installieren Sie animating-react-native-expo

Installieren Sie den KI-Skill animating-react-native-expo schnell in Ihrer Entwicklungsumgebung über die Kommandozeile

  1. Terminal öffnen: Öffnen Sie Ihr Terminal oder Kommandozeilen-Tool (Terminal, iTerm, Windows Terminal, etc.)
  2. Installationsbefehl ausführen: Kopieren Sie diesen Befehl und führen Sie ihn aus: npx skills add https://github.com/tristanmanchester/agent-skills --skill animating-react-native-expo
  3. Installation überprüfen: Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw

Quelle: tristanmanchester/agent-skills.

React Native (Expo) animations — Reanimated v4 + Gesture Handler

1) Simple state change (hover/pressed/toggled, small style changes): use Reanimated CSS Transitions. 2) Mount/unmount + layout changes (lists, accordions, reflow): use Reanimated Layout Animations.

3) Interactive / per-frame (gestures, scroll, physics, drag): use Shared Values + worklets (UI thread).

Erstellt leistungsstarke Animationen und gestengesteuerte Interaktionen in React Native (Expo)-Apps mit React Native Reanimated v4 und React Native Gesture Handler (GestureDetector/Hook-API). Verwenden Sie diese Option zum Implementieren von UI-Bewegungen, Übergängen, Layout-/Eingabe-/Beendigungsanimationen, Übergängen/Animationen im CSS-Stil, interaktiven Gesten (Schwenken/Kneifen/Wischen/Ziehen), scrollverknüpften Animationen, Worklets/gemeinsamen Werten oder dem Debuggen von Animationsleistungs- und Threading-Problemen. Quelle: tristanmanchester/agent-skills.

Fakten (zitierbereit)

Stabile Felder und Befehle für KI/Such-Zitate.

Installationsbefehl
npx skills add https://github.com/tristanmanchester/agent-skills --skill animating-react-native-expo
Kategorie
</>Entwicklung
Verifiziert
Erstes Auftreten
2026-02-21
Aktualisiert
2026-03-10

Browse more skills from tristanmanchester/agent-skills

Schnelle Antworten

Was ist animating-react-native-expo?

Erstellt leistungsstarke Animationen und gestengesteuerte Interaktionen in React Native (Expo)-Apps mit React Native Reanimated v4 und React Native Gesture Handler (GestureDetector/Hook-API). Verwenden Sie diese Option zum Implementieren von UI-Bewegungen, Übergängen, Layout-/Eingabe-/Beendigungsanimationen, Übergängen/Animationen im CSS-Stil, interaktiven Gesten (Schwenken/Kneifen/Wischen/Ziehen), scrollverknüpften Animationen, Worklets/gemeinsamen Werten oder dem Debuggen von Animationsleistungs- und Threading-Problemen. Quelle: tristanmanchester/agent-skills.

Wie installiere ich animating-react-native-expo?

Ö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/tristanmanchester/agent-skills --skill animating-react-native-expo Nach der Installation wird der Skill automatisch in Ihrer KI-Programmierumgebung konfiguriert und ist bereit zur Verwendung in Claude Code, Cursor oder OpenClaw

Wo ist das Quell-Repository?

https://github.com/tristanmanchester/agent-skills