01 功能说明
规划 SVG、Lottie 或视频标志入场动画，保留几何形状与安全留白，协调声音时序，并提供减少动态效果方案。
logo-animation 用一种主要技法为现有品牌标志添加动效。它根据几何形状和用途，在描边绘制、遮罩、错峰组装、形变或克制的待机循环之间选择。品牌最终标志和安全留白始终是参照。
该 Skill 覆盖网页、Lottie 和渲染视频等目标，各自采用不同交付机制。网页路径使用单个 HTML 文件和一个动画驱动器。输出还包括最终帧的静态替代；由声音引导的入场动画应在预期声音重音处完成落定。
预期交付物
检查标志由描边、填充形状还是独立部件构成。选择尊重其几何形状的技法。
设置出现顺序与时序。若已有声音标志，让最终落定对齐其重音，而不是事后才加入音频。
冻结代表性时刻，验证安全留白和描边完成度，并确认减少动态效果时立即显示完整标志。
02 适用场景
先提供可用矢量稿、安全留白规则和预期放置位置。确定需要网页动效、Lottie 资源还是视频，并在设定入场时序前提供声音标志的重音信息。
03 关键决策
单一入场机制让标志在过渡中仍清楚可辨。
静态替代用于海报帧和减少动态效果的展示。
让落定时机对齐声音重音，把声音与视觉识别连接起来。
04 示例任务
以下示例任务说明尚未经过测试。使用前请检查该技能的设置。
提供矢量稿，以及品牌几何和安全留白规则。
https://github.com/iart-ai/motion-design-skills/blob/3c129f769d90a1328c209c386492333c9ac62312/skills/logo-animation/SKILL.md下方链接会打开上游使用说明。使用前请查看仓库的环境配置要求；这不是安装命令。
运行该技能之前,请根据需要调整此需求中的范围、来源材料和约束。
使用 logo-animation，为提供的 SVG 字标制作网站片头。选择一种适合现有路径、克制的入场技法，保留原始比例和安全留白。完整入场控制在两秒以内，并准确停在原有静态标志。独立 HTML 预览中只用一个动画驱动器，支持固定时间点的可重复检查，并交付静态 SVG 替代。提供的声音标志在靠近结尾处有重音；选择落定时间前先检查声音。验证减少动态效果时立即显示完整标志。根据以下可观察标准检查实际输出。
OpenDesign 为编码智能体提供本地设计工作区。此条目并不表示该技能已内置，也不表示其中包含其外部工具、凭据和软件依赖项。
05 来源与许可证
本页面描述的是下方链接所指向的固定来源修订版本。上游行为和要求可能会发生变化。
用一种清晰的入场方式为现有标志添加动画，并提供忠于原稿的静态替代。
由 OpenDesign 根据所链接来源撰写的原创摘要。仓库星标数只是带有时间属性的受欢迎程度指标，并不代表技能使用量或质量评分。
06 开始前的问题
https://github.com/iart-ai/motion-design-skills/blob/3c129f769d90a1328c209c386492333c9ac62312/skills/logo-animation/SKILL.md