$ loading_
分析网页滚动触发动画并提取相关实现代码,便于调试与复用
复制安装指令,让 AI 自动完成配置 · 推荐新手
"MCP Scroll Animation Analyzer" 暂无可直接复制的安装信息,请查看页面文档或源码仓库。
请分析这个网页的滚动触发动画:https://example.com。识别是否使用 GSAP、ScrollTrigger、Lenis 或原生 CSS/JS,并提取关键动画代码、触发条件、时间线结构和可能的性能问题,最后给出优化建议。
返回动画技术栈识别结果、提取的关键代码片段、触发逻辑说明,以及性能与实现优化建议。
请分析这个竞品页面的滚动动画效果:https://example.com/product。按模块列出每段动画的实现方式,并尽可能提取对应的 GSAP / ScrollTrigger / CSS 代码,帮助我在自家项目中复现类似效果。
输出分模块的动画拆解、对应代码线索与复现思路,便于开发参考实现。
请检查这个页面为什么滚动动画没有正常触发:https://example.com/issue。分析运行时行为、选择器绑定、滚动容器、触发点配置以及 Lenis/ScrollTrigger 的集成是否存在问题,并指出可能的修复方向。
给出异常原因定位、涉及的动画配置问题,以及可执行的修复建议。
为 GSAP 动画静态生成补间、时间线与插件代码,提升前端动效开发效率。
将滚动动效需求转成可验证规范,并编译为确定性的 GSAP/CSS 实现
通过自然语言生成 GSAP 动画代码,帮助快速完成网页动效开发与迭代。
为 React 项目生成准确的 Motion 动画代码与正确导入配置
帮助 AI 助手结合 DOM 与视觉信息,准确分析网页结构与页面上下文。
解析 Playwright 跟踪文件,定位测试失败原因并提供调试修复建议。