AgentSkillsCN

ui-motion-design

使用flutter_animate、Lottie与Google Fonts指导UI动画与动效设计。当你需要打磨UI界面，或为界面增添动画效果时，可选用此方法。

SKILL.md
--- frontmatter
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