メニュー
动效优化 / Animation. Adds motion, transitions, and UI animations. Use when the user wants to add animation effects to their site.
デフォルトでは、最初にソースを確認する Prompt が選択されています。直接コマンドに切り替えるか、ローカルコピーをダウンロードすることもできます。
インストールを決める前に、SKILL.md と SkillsMP に表示されている付属ファイルをお読みください。
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
直接コマンドでは確認用 Prompt が省略されます。実行前にソースを確認してください。
npx skills add https://github.com/lennney/gate-all-skills --skill gate-animateコマンドは1行のまま表示されます。コピー前に横へスクロールして全体を確認してください。
ローカルで確認しますか？SkillsMP が現在取得できるファイルをダウンロードできます。
SKILL.md を表示中
"AI 审查 / AI code review. 用户说"帮我审查代码"、"review 一下"、"看看这段有没有问题"时加载。在后台检查 bug、安全、性能、代码风格，然后告诉用户结果。"
"AI 编码 / AI coding. 用户说"帮我写个组件"、"实现这个功能"、"写个 API 路由"时加载。先问清需求，在后台实现，完成后自动调 /ai-code-review 审查。"
"AI 调试 / AI debugging. 用户说"帮我 debug"、"报错了"、"这个 bug 怎么修"、"抛异常了"时加载。让用户描述问题，你在后台分析根因并修复。"
SOC 職業分類に基づく
| name | gate-animate |
| description | 动效优化 / Animation. Adds motion, transitions, and UI animations. Use when the user wants to add animation effects to their site. |
| trigger | 需要添加动效 |
| input | 动效需求 |
| output | 动效实现 |
| next | 无 |
| dependencies | gate-optimize |
问："想在哪加动效？比如页面切换、滚动渐入、按钮反馈。"
实现后告诉用户： "加了滚动渐入效果——用户往下翻的时候内容会平滑地出现，不会那么突兀。按钮加了悬停变色反馈——鼠标放上去会有轻微变化，用户知道这个可以点。"
优先 CSS 实现，不够用 Framer Motion。尊重 prefers-reduced-motion（有些用户不喜欢动效，系统设置里关了就不会显示）。