Animation & Motion Design

Official

Bring your Flutter UI to life.

Authorvertivolatam
Version1.0.0
Installs0

System Documentation

What problem does it solve?

This Skill addresses the challenge of creating engaging and dynamic user interfaces in Flutter by providing tools and examples for implementing various animation and motion design techniques.

Core Features & Use Cases

  • Implicit & Explicit Animations: Easily add fade, scale, slide, and custom animations using AnimatedContainer, AnimatedOpacity, AnimationController, and Tween.
  • Advanced Libraries: Integrate Rive and Lottie animations for complex, pre-designed motion graphics.
  • Transitions: Implement smooth Hero animations and custom page transitions for a polished user experience.
  • Use Case: Enhance user onboarding with animated sequences, provide visual feedback on user interactions, or create captivating loading states.

Quick Start

Implement animations with Rive and Lottie.

Dependency Matrix

Required Modules

lottieriveanimated_text_kitshimmer

Components

scriptsreferencesassets

💻 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: Animation & Motion Design
Download link: https://github.com/vertivolatam/monorepo/archive/main.zip#animation-motion-design

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.