vercel-react-view-transitions

@vercel-labs · 收录于 3 周前 · 上游提交 5 天前

Guide for implementing smooth, native-feeling animations using React's View Transition API (`<ViewTransition>` component, `addTransitionType`, and CSS view transition pseudo-elements). Use this skill whenever the user wants to add page transitions, animate route changes, create shared element animations, animate enter/exit of components, animate list reorder, implement directional (forward/back) navigation animations, or integrate view transitions in Next.js. Also use when the user mentions view transitions, `startViewTransition`, `ViewTransition`, transition types, or asks about animating between UI states in React without third-party animation libraries.

场景页面跳转路由切换组件入场离开

适合你，如果你想用原生 API 给 React 应用添加流畅过渡而不引入第三方库

/ 下载安装

https://github.com/vercel-labs/agent-skills/tree/main/skills/react-view-transitions ↗

/ 通过 npx 安装 校验哈希

npx oh-my-skill add vercel-labs/agent-skills/vercel-react-view-transitions

/ 通过 bash 安装

curl -fsSL https://oh-my-skill.com/install.sh | bash -s -- vercel-labs/agent-skills/vercel-react-view-transitions

/ 已经装过?验证本机副本,不用重装

npx oh-my-skill verify vercel-labs/agent-skills/vercel-react-view-transitions

安装目标可用 --agent / --scope 或 --to 明确指定;省略时只会在唯一已存在的 agent 目录上自动选择,零命中或多命中会停止并提示。content_hash 缺失或不一致均拒装。

–GitHub stars

~2.9K最小装载

~18K含声明引用

~18.6K文本包总量

索引托管

登录即可评论;带「已验证安装」的,是发布者名下有本店的安装或持有记录。

…