Skip to content
Frontend UI
Public upstreamExpoPublic source

Expo animation and gestures

Implement native motion with Reanimated, gesture handoff, haptics and reduced-motion behavior.

Read SKILL.md

Workflow

Expo’s animation skill, developed with Emil Kowalski, sequences motion decisions around UI-thread execution, interruption, velocity and device performance, with reference material and examples.

Use when

  • Build native animations or diagnose stuttering motion in an Expo app.

Required inputs

  • Interaction and animation requirements
  • Installed animation libraries and supported devices

Expected outputs

  • Animation or gesture implementation
  • Reduced-motion behavior and device validation

Prerequisites

  • Expo or React Native project with compatible Reanimated and Gesture Handler versions.
  • A release build on a representative device for meaningful performance verification.

Installation

Run this command in your project after reviewing the instructions and access terms. Install complete upstream directories to keep referenced rules and scripts.

npx skills add https://github.com/expo/skills/tree/7ddc1f5796996e5c7efe2fc3fa9168eb24e8dac1/plugins/expo/skills/expo-animation --skill expo-animation --agent claude-code

Project file: .claude/skills/expo-animation/SKILL.md

Read the setup guide

Selection brief

This brief helps you choose the skill. Read the complete upstream SKILL.md and companion files for its actual instructions.

# Expo animation and gestures (expo-native-animation)
Expo’s animation skill, developed with Emil Kowalski, sequences motion decisions around UI-thread execution, interruption, velocity and device performance, with reference material and examples.

## Use when
- Build native animations or diagnose stuttering motion in an Expo app.

## Required inputs
- Interaction and animation requirements
- Installed animation libraries and supported devices

## Prerequisites
- Expo or React Native project with compatible Reanimated and Gesture Handler versions.
- A release build on a representative device for meaningful performance verification.

## Expected outputs
- Animation or gesture implementation
- Reduced-motion behavior and device validation

Source: https://github.com/expo/skills/blob/7ddc1f5796996e5c7efe2fc3fa9168eb24e8dac1/plugins/expo/skills/expo-animation/SKILL.md
Full SKILL.md: https://agenttaste.dev/skills/expo-native-animation/SKILL.md

Related skills

Browse all skills →
AgentTasteFree

Linear Dark UI Standard

Silicon Valley grade dark-mode design system with crisp micro-borders and zero visual bloat.

Claude Code · Cursor · Codex · Antigravity

SKILL.md
AgentTasteFree

Anti-Generic UI Guardrails

Hard restrictions that ban AI from generating repetitive 3-column cards and cliché stock layouts.

Claude Code · Cursor · Codex · Antigravity

SKILL.md