Composer 不支持 SVG 箭头缩放动画或装配方向标注，因其本质是 PHP 依赖管理工具，运行于命令行，不接触 DOM/CSS；动画必须由前端 HTML/CSS/JS 控制。
Composer 不支持直接制作 SVG 箭头缩放动画，也没有内置的「装配动作方向标注」功能。它本质是 PHP 依赖管理工具，不是动画引擎或 UI 设计器。
为什么 composer.json 里写不了动画逻辑
Composer 只负责解析 composer.json、下载包、执行 scripts（如 post-install-cmd），所有这些都运行在命令行环境，不接触 DOM 或 CSS。所谓“指示箭头”“缩放”“装配方向”，属于前端渲染层行为，和 Composer 完全不在同一技术栈。
常见误操作包括：
- 在
composer.json的scripts里写css-transform: scale(1.2)—— 这段文本不会被解释，只会原样输出到终端 - 试图用
composer require animate-css让 Composer “启动动画”——它只是把库文件复制进vendor/，不会自动注入 HTML 或触发播放 - 把 SVG 箭头路径硬编码进
autoload.files—— 加载后仍是静态字符串，无交互能力
真正能控制箭头动画的环节在哪
如果你的项目用 Composer 管理前端资源（比如通过 npm-asset 或 fxp/composer-asset-plugin），那动画必须由实际运行的前端代码控制。关键位置是：
Workflow Decomposer
下载
工作流任务拆解与模型编排技能。使用场景：(1) 收到复杂工作任务需要拆解为可执行步骤，(2) 需要为不同步骤选择最合适的模型，(3) 需要跟踪工作流进度和模型使用情况，(4) 长时间任务卡住需要问题诊断和解决方案。
- HTML 中的
<svg></svg>或<img src="arrow.svg" alt="Composer制作指示箭头缩放动画_Composer强调装配动作方向【标注】" > - CSS 里的
@keyframes arrow-pulse+transform: scale() - JavaScript 中调用
element.animate()或操作classList触发类名切换 - 如果用 React/Vue，得在组件
useEffect或mounted钩子中启动动画
例如一个最小可运行片段：
<svg width="24" height="24" viewBox="0 0 24 24">
<path d="M5 12l7-7 1.414 1.414L10.828 12 13.414 14.586 12 16l-7-7z" fill="#333"/>
</svg>
<style>
.arrow-scale { animation: scaleIn 0.3s ease-out; }
@keyframes scaleIn { from { transform: scale(0.8); } to { transform: scale(1.2); } }
</style>
<script>document.querySelector('svg').classList.add('arrow-scale');</script>
Composer 能帮上忙的唯一场景
仅当你要把动画所需资产（如预编译的 SVG 工具库、CSS 动画工具集）作为 PHP 包发布或复用时，Composer 才参与分发流程。例如：
- 你写了
mycompany/assembly-icons，里面包含一组带data-direction="left"属性的 SVG 模板 - 用户执行
composer require mycompany/assembly-icons后，PHP 代码可读取vendor/mycompany/assembly-icons/templates/arrow-right.svg - 但 SVG 文件本身仍需由前端 JS/CSS 渲染并驱动动画，Composer 不执行也不感知这个过程
别指望 composer install 命令会弹出一个带缩放箭头的网页——它连浏览器都不会打开。
最容易被忽略的一点：动画是否生效，跟 composer.lock 版本号毫无关系；真正要调试的，永远是浏览器开发者工具里的 Elements 和 Animation 面板，而不是 composer show 的输出。
