SkillFeeder › 全部 Skill › 设计与视觉 › vercel-react-view-transitions

vercel-react-view-transitions

vercel-react-view-transitions 是 SkillFeeder 收录的Agent Skill，来自 GitHub 仓库 vercel-labs/agent-skills。用原生 View Transition API 实现页面跳转、共享元素和列表重排的丝滑动画。适合React 应用动画优化者。场景是设计与视觉 · 动效动画。能做的事包括声明式添加过渡动画，无需手动控制帧、自动降级：不支持浏览器静默跳过动画、精准传达空间关系，如‘同一元素深入查看详情’。打开 GitHub 自行安装。

打开 GitHub

仓库
vercel-labs/agent-skills
场景
设计与视觉 · 动效动画
适合
React 应用动画优化者
类型
Skill

能做什么

原文简介

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) n

同场景推荐