Composer 不导出动画，它只是安装动画相关依赖的PHP工具；真正导出由前端JS库、后端FFmpeg或manim等工具执行，移动端适配需控制分辨率、格式压缩和设备像素比。
Composer 本身不生成或导出动画，它只是 PHP 的依赖管理工具——你看到的“Composer 导出动画”是典型的概念混淆。真正需要适配移动端的是你用 Composer 安装的动画库（比如 @formkit/auto-animate、vivus.js、flubber），或是你项目中通过 Composer 引入的后端渲染服务（如 ANIMATEDIFF PRO 的 API 封装包）所产出的动画文件。
为什么直接搜“Composer 导出动画”会走偏？
Composer 的核心职责是下载、安装、更新 PHP 包，它不处理 canvas 渲染、SVG 路径插值、视频编码或 CSS 动画帧调度。所谓“导出”，实际发生在以下环节：
- 前端 JS 库在浏览器里生成并播放动画（如
autoAnimate()或new Vivus()） - 后端脚本调用 FFmpeg / ImageMagick 等工具压缩输出（如 ANIMATEDIFF PRO 输出 WebP）
- manim 等 Python 工具链通过 CLI 参数控制分辨率和帧率（
pixel_width、frame_rate）
Composer 只是帮你把 manim 或 animatediff-pro-php 这类包拉进 vendor/ 目录，真正的导出动作由它们各自的命令行或 API 触发。
Workflow Decomposer
下载
工作流任务拆解与模型编排技能。使用场景：(1) 收到复杂工作任务需要拆解为可执行步骤，(2) 需要为不同步骤选择最合适的模型，(3) 需要跟踪工作流进度和模型使用情况，(4) 长时间任务卡住需要问题诊断和解决方案。
移动端动画输出的关键控制点（非 Composer 层）
无论你用什么技术栈，只要目标是手机友好，必须干预这三个地方：
-
分辨率与宽高比：避免默认 1920×1080。竖屏内容优先设
pixel_width = 720、pixel_height = 1280（manim）；Web 动画容器用width: 100vw; height: 100vh;+aspect-ratio: 9/16; -
格式与压缩：禁用 GIF；优先输出 WebP（支持透明+有损压缩）或 H.264 MP4（
-crf 23 -preset fast）；ANIMATEDIFF PRO WebUI 中务必关闭 GIF 导出，勾选 PNG 序列再转 WebP -
设备像素比（dpr）对齐：Canvas 动画必须手动处理
window.devicePixelRatio—— 先放大canvas.width/height，再用 CSS 缩回视觉尺寸，最后ctx.scale(dpr, dpr)，否则在 iPhone 上必糊
常见错误现象及对应修复
这些不是 Composer 报错，但新手常误以为是“安装没成功”：
-
Animation jumps on scroll in Safari iOS→ 检查 viewport 是否含user-scalable=no，且未被其他 meta 覆盖 -
Vivus path not drawing on Android Chrome→ SVG 未设width="100%" height="auto"，或缺少viewBox -
Flubber shape distorted on resize→ 坐标用了固定像素（[100, 100]），应改用相对计算（[window.innerWidth * 0.2, window.innerHeight * 0.3]） -
Scrollama triggers too early on foldables→ 移动端视口高度动态变化，需用offset: Math.floor(window.innerHeight * 0.5) + "px"固定基准
真正要动手的地方从来不在 composer.json，而在你调用动画库的那几行 JS、manim 的配置参数、FFmpeg 的命令参数，以及 HTML 中那个被你忽略的 <meta name="viewport"> 标签。所有“导出适配”的实质，都是对输出内容做降维（分辨率）、减负（帧率/色彩深度）、对齐（dpr/viewport）——Composer 只负责把干活的人请进门，不替你搬砖。
