使用 React 的 View Transition API（`<ViewTransition>` 组件、`addTransitionType` 和 CSS 视图过渡伪元素）实现流畅、原生感的动画。当用户想添加页面过渡、动画路由变化、创建共享元素动画、动画组件进入/退出、动画列表重排、实现方向性（前进/后退）导航动画、或在 Next.js 中集成视图过渡时使用。也当用户提到视图过渡时使用。
使用 React 的 View Transition API（`<ViewTransition>` 组件、`addTransitionType` 和 CSS 视图过渡伪元素）实现流畅、原生感的动画。当用户想添加页面过渡、动画路由变化、创建共享元素动画、动画组件进入/退出、动画列表重排、实现方向性（前进/后退）导航动画、或在 Next.js 中集成视图过渡时使用。也当用户提到视图过渡时使用。
Vercel 出品（官方仓库直接分发），属于 SKILL.md 开放标准技能：装一份，Claude Code、Codex、Cursor、Gemini CLI 都能用。
在下面找到你用的工具，复制命令粘进终端就装好了：
npx skills add vercel-labs/agent-skills装好后不用任何配置，直接在对话里说：
接下来这个任务请用 vercel-react-view-transitions 技能来做AI 检测到任务匹配时会自动加载这个 Skill，不需要手动开关。
Vercel 官方 GitHub 仓库（vercel-labs/agent-skills）直接分发，本站核对于 2026-07-24。纯指令型，无可执行脚本。
终端跑 npx skills add vercel-labs/agent-skills，安装器会自动识别你装的 AI 工具（Claude Code/Codex/Cursor/Gemini CLI 都支持），在列表里选 vercel-react-view-transitions 即可。