跳转到正文
skillsafebeta
← 报告库
用途分类 / 其他用途

Fixing Motion Performance Skill 安全审计

作者说它能做什么（原文）

Audit and fix animation performance issues including layout thrashing, compositor properties, scroll-linked motion, and blur effects. Use when animations stutter, transitions jank, or reviewing CSS/JS animation performance.

第三方安全检查结论

这次检查未发现明显风险

已检查文件
1
发现的风险
0
会不会运行危险命令？检查是否下载程序后直接运行、让他人远程控制电脑，或藏起要运行的命令。未发现风险
会不会泄露文件和密钥？检查是否发送含密码或密钥的文件，以及代码里是否直接写了密钥。未发现风险
会不会删除文件或一直在后台运行？检查是否大范围删除文件、改写磁盘，或设置自动启动。未发现风险
会不会绕过安全保护？检查是否跳过网站安全验证、开放过多文件权限，或取消操作前的确认。未发现风险
会不会误导 AI 或隐藏内容？检查工作说明是否要求 AI 忽略你的指令、干扰检查结果，或夹带看不见的文字。未发现风险
会不会偷偷改推广链接或收款方？检查是否强制替换推广链接或收款对象，同时要求隐瞒更改。未发现风险

Skill 逻辑拆解

7 个说明模块

该 Skill 是一组前端动画性能审查与修改准则；当用户提供文件时，它要求报告具体违规、简短原因和代码级修复建议。

查看原文
SKILL.md:15来自说明文档打开原文件
- `/fixing-motion-performance <file>`  Review the file against all rules below and report:  - violations (quote the exact line or snippet)  - why it matters (one short sentence)  - a concrete fix (code-level suggestion)

其主要建议是优先使用 transform 和 opacity，避免在同一帧交错布局读取与写入、无停止条件的动画循环，以及由滚动事件直接驱动动画。

查看原文
SKILL.md:56来自说明文档打开原文件
- do not interleave layout reads and writes in the same frame- do not animate layout continuously on large or meaningful surfaces- do not drive animation from scrollTop, scrollY, or scroll events- no requestAnimationFrame loops without a stop condition- do not mix multiple animation systems that each measure or mutate layout
SKILL.md:64来自说明文档打开原文件
- default to transform and opacity for motion- use JS-driven animation only when interaction requires it- paint or layout animation is acceptable only on small, isolated surfaces- one-shot effects are acceptable more often than continuous motion- prefer downgrading technique over removing motion entirely

它限制修改范围：除非用户明确要求，否则不迁移动画库，并要求在现有动画系统内应用规则，避免同一组件中混用迁移前后的 API。

查看原文
SKILL.md:116来自说明文档打开原文件
### 9. tool boundaries (critical)- do not migrate or rewrite animation libraries unless explicitly requested- apply these rules within the existing animation system- never partially migrate APIs or mix styles within the same component

所提供的 CSS 和 JavaScript 是明确标注的常见修复示例，展示用 transform 替代宽度动画，以及先测量后通过 transform 动画；文本没有要求执行命令、访问网络、读取凭据或上传数据。

查看原文
SKILL.md:122来自说明文档打开原文件
## common fixes```css/* layout thrashing: animate transform instead of width *//* before */ .panel { transition: width 0.3s; }/* after */  .panel { transition: transform 0.3s; }
SKILL.md:134来自说明文档打开原文件
```js// measurement: batch reads before writes (FLIP)// before — layout thrashel.style.left = el.getBoundingClientRect().left + 10 + 'px';// after — measure once, animate via transformconst first = el.getBoundingClientRect();el.classList.add('moved');const last = el.getBoundingClientRect();el.style.transform = `translateX(${first.left - last.left}px)`;requestAnimationFrame(() => { el.style.transition = 'transform 0.3s'; el.style.transform = ''; });```
从这里开始 · 工作说明SKILL.md
fixing-motion-performance
连线表示工作说明包含的模块，不是实际运行顺序。点击模块可查看原文。
文件与检查记录1 个文件

检查范围与遗漏

逐文件查看涉及的内容

下方列出本次涉及的原文范围；纳入检查不代表已查清所有问题。

  • SKILL.md已纳入全文

这份报告只针对上方版本。我们看了拿到的代码和说明文件，没有实际运行 Skill，也没有检查它另外安装的软件包。因此，这不是“保证安全”的承诺；换了版本或使用环境，结果也可能不同。

  • SKILL.md工作说明
读取了多少行
152
文件校验值（用于核对版本）
e84e0ba71e7de9f47d1c6810c2c7a625baf930db02a7b275031d7a9b5effa7d6