Can it help with complex timing functions?

Yes, it provides pre-configured cubic-bezier curves for various effects like spring, bounce, and smooth acceleration/deceleration to ensure professional feel.

Is it suitable for high-performance production apps?

Absolutely. It focuses on performance best practices such as maintaining 60fps, optimizing Lottie file sizes, and using hardware-accelerated transforms.

Does this skill handle accessibility and reduced motion?

Yes, it includes specific patterns for media queries and UIKit/SwiftUI checks to ensure animations are disabled or simplified for users who prefer reduced motion.

Which animation platforms does this skill support?

It provides comprehensive support for web (CSS, SVG, Rive), mobile (SwiftUI), and cross-platform vector formats like Lottie/Bodymovin.

Animation Expert

Name: Animation Expert
Author: willsigmon

bywillsigmon

•

设计工具

Implements professional motion design, smooth transitions, and interactive visual effects across web and mobile platforms.

Animation Expert is a specialized skill for Claude Code designed to help developers create high-quality UI motion and interactive experiences. It provides deep expertise in CSS animations, Lottie/Bodymovin integrations, Rive, and SwiftUI motion design, ensuring that animations are not only visually appealing but also performant and accessible. Whether you are building subtle micro-interactions for buttons or complex page transitions, this skill offers best-practice guidance on timing, easing, and reduced-motion compliance to enhance user engagement and polish.

主要功能

01Standardized duration scales for micro, small, and medium interactions

02Pre-configured easing curves for spring, bounce, and smooth transitions

037 GitHub stars

04Optimization guidelines for Lottie and Bodymovin vector animations

05Multi-platform support for CSS, SwiftUI, SVG, and Rive animations

06Built-in accessibility support for reduced-motion user preferences

使用场景

01Integrating vector-based Lottie animations into mobile and web projects

02Developing polished button hover and active states for web applications

03Creating complex loading sequences and interactive onboarding flows

What are Skills?·How to Install

Install with 🐟 Skill.Fish

npx skillfish add willsigmon/sigstack animation-expert

For use in Claude.ai and ChatGPT

Download Skill