Skills
.Work. You
Rest

mobile-animations

Community

Add smooth animations to RN and Flutter apps.

Software Engineering#animations#react-native#flutter#lottie#rive#reanimated
AuthorTMHSDigital
Version1.0.0
Installs0

System Documentation

What problem does it solve?

Developers often struggle to implement performant, gesture‑driven and vector animations in React Native (Expo) and Flutter projects, leading to janky UI and complex setup steps.

Core Features & Use Cases

  • Reanimated 3 integration for UI‑thread, 60 fps gesture and layout animations in React Native.
  • Lottie & Rive support to add designer‑crafted vector animations.
  • Flutter implicit and explicit animations including AnimationController and Hero transitions.
  • Guidance for installing dependencies and configuring Babel to ensure native modules work correctly. Use case: Add a swipe‑to‑dismiss card with a fade‑in effect while supporting loading spinners via Lottie.

Quick Start

Ask the assistant to add a fade‑in component with swipe‑to‑dismiss behavior to your React Native screen.

Dependency Matrix

Required Modules

None required

Components

Standard package

💻 Claude Code Installation

Recommended: Let Claude install automatically. Simply copy and paste the text below to Claude Code.

Please help me install this Skill:
Name: mobile-animations
Download link: https://github.com/TMHSDigital/Mobile-App-Developer-Tools/archive/main.zip#mobile-animations

Please download this .zip file, extract it, and install it in the .claude/skills/ directory.
View Source Repository

Agent Skills Search Helper

Install a tiny helper to your Agent, search and equip skill from 471,000+ vetted skills library on demand.