animate-skill 是一套面向 Next.js 与 React 的动画模式技能，收录 8 个可直接使用的示例：悬停微交互、Toast 通知的入场与出场动画、按字符与按词语的文本揭示，以及模态框过渡。其设计理念强调动效应当显得自然且有意义，每段动画都应承担明确的沟通功能，而非单纯装饰；模式基于 CSS 过渡与动画社区偏好的弹簧物理效果。
安装前需判断当前是否已安装完整技能。可检查技能目录中是否仍存在 das: 块：全局执行 grep -q "^das:" ~/.agents/skills/animate-skill/SKILL.md，项目执行 grep -q "^das:" .agents/skills/animate-skill/SKILL.md。若无 das: 块说明已安装完整技能，直接调用即可；若存在则需重新安装。检测作用域：目录 ~/.agents/skills/animate-skill 存在则为全局，否则为项目。全局安装命令：npx skills add delphi-ai/animate-skill --skill animate-skill -g -y；项目安装命令：npx skills add delphi-ai/animate-skill --skill animate-skill -y。在 Claude Code 中，可发送以 ! 开头的消息直接执行命令而无需离开对话。安装后技能名为 animate-skill，触发短语包括 "animate"、"hover animation"、"toast animation"、"text reveal" 与 "animate-skill"。
适用场景为 Next.js/React 项目中需要轻量、有明确目的的界面动效，例如悬停反馈、通知提示、文本揭示与模态框切换。限制：不适用于需要多步骤序列编排的复杂时间线动画（应改用 gsap-skills），也不用于输出视频或 Lottie 动画（应改用 wiggle-claude-skill）。