# ui-motion-design

> Guides UI animations and motion design using flutter_animate, Lottie, and Google Fonts. Use when polishing UI or adding animations.

- Author: Code-Sinobi
- Repository: code-sinobi/hoya-time-travel
- Version: 20260125235344
- Stars: 0
- Forks: 0
- Last Updated: 2026-02-06
- Source: https://github.com/code-sinobi/hoya-time-travel
- Web: https://mule.run/skillshub/@@code-sinobi/hoya-time-travel~ui-motion-design:20260125235344

---

---
name: ui-motion-design
description: Guides UI animations and motion design using flutter_animate, Lottie, and Google Fonts. Use when polishing UI or adding animations.
---

# UI Motion Design Skill

This skill ensures consistent, tasteful motion and typography.

## When to use this skill

- Adding animations
- Using Lottie files
- Styling text

## Animation rules

- Subtle by default
- Prefer implicit animations
- Avoid animating layout size aggressively

## Typography

- Use GoogleFonts consistently
- Define text styles in theme
- Avoid inline font styling

## Lottie

- Store in assets by feature
- Keep animations lightweight