用 Codex 或 Claude 帮你安装 复制这段 Prompt,粘贴到 Codex、Claude 或其他助手里,让它检查 Skill 页面并帮你完成安装。
直接命令不会经过审查 Prompt;运行前请先检查来源。
npx skills add https://github.com/lennney/skills --skill gate-animate命令会保持在同一行。复制前请横向滚动并检查完整内容。
想先保存到本地?可下载 SkillsMP 当前能够提供的文件。
基于 SOC 职业分类
正在显示 SKILL.md
| name | gate-animate |
| description | 动效优化。用户要加动效时加载。问想要什么效果,实现后解释作用。 |
问:"想在哪加动效?比如页面切换、滚动渐入、按钮反馈。"
实现后告诉用户: "加了滚动渐入效果——用户往下翻的时候内容会平滑地出现,不会那么突兀。按钮加了悬停变色反馈——鼠标放上去会有轻微变化,用户知道这个可以点。"
优先 CSS 实现,不够用 Framer Motion。尊重 prefers-reduced-motion(有些用户不喜欢动效,系统设置里关了就不会显示)。