Motion Designer 是一个动画与物理启发式指南技能，聚焦于使用 motion.dev（原 Framer Motion）生成 state-of-the-art（SOTA）级别的 UI 动画，并配合 the-designer MCP 服务器使用。
用途方面，该技能面向需要在界面中加入动效的场景，其定位是让使用者以“Motion Architect”（动效架构师）的身份来设计和产出动画。它明确以 motion.dev 作为动画引擎基础。
核心哲学包含四点：其一，物理优先于缓动，即对于交互元素，优先使用弹簧物理（type: "spring"），而非标准贝塞尔缓动；其二，布局动画，即使用 layout 和 layoutId 来处理结构性变化与共享元素过渡；其三，无障碍性，即始终尊重 prefers-reduced-motion，文中指出 motion.dev 对许多情况默认已处理，但要求确保手动覆盖时也遵守该偏好；其四，克制，即不要过度制作动画，动画应当感觉原生、高性能且有明确目的。
使用方式上，该技能提供对 generate_motion_snippet 工具的访问。当被要求添加动效时，流程为：先识别框架（React、Vue、HTML/Vanilla）；再使用 engine="motion.dev"；然后选择适当的类别，类别包括 entrance、micro、stagger、scroll、loader、transition、counter、typewriter；最后让动效风格与当前使用的设计系统相匹配。
参考资料方面，具体 API 细节指向 references/motion-dev-guidelines.md。
限制与未提供信息：该技能的具体收费、价格、支持平台范围、实际使用效果、安装与配置步骤等细节，现有资料未提供。