🎮

xby-gsap-animation-generate

趣味换装更新于 2026.09.02

在终端中运行以下命令：

dsh plugin install xby-skill/xby-gsap-animation-generate

将以下提示词粘贴到 DeepSeek Harness 对话框中：

在 DeepSeek Harness 中运行 dsh plugin install xby-skill/xby-gsap-animation-generate 即可安装此插件，开源地址为 https://github.com/xby-skill/xby-gsap-animation-generate

插件介绍

GSAP 功能强大，但 API 庞杂、缓动曲线微妙、插件组合多变，从一行简单动画到复杂的滚动驱动交互往往要反复查文档、调参数、踩坑。xby-gsap-animation-generate 把这套流程交给了 AI：你用自然语言描述想要的动画效果，它完成意图解析后直接输出可运行的 GSAP 代码，省去大量试错时间。

插件内置七个核心能力：意图分析与代码生成（understand_and_create_animation）、GSAP 方法与插件的专家级查询（get_gsap_api_expert）、完整项目环境一键搭建（generate_complete_setup）、动画问题诊断与修复（debug_animation_issue）、60fps 性能优化（optimize_for_performance）、生产级动画模式输出（create_production_pattern），以及 API 密钥的聊天内持久化配置。从原型到上线，每一步都有对应的工具支撑。

它适合前端开发者、创意工程师以及需要快速将视觉概念落地为交互动画的设计师。无论是给产品页面加一段入场动画、实现一个复杂时间轴，还是排查一段卡顿的滚动效果，对话式交互让 GSAP 的学习曲线变得平缓得多。