Communitygithub.com

vercel-labs/react-view-transitions-demo

用于React视图过渡代理技能的Next.js画廊演示——可排序网格、共享元素、Suspense揭示、定向导航

react-view-transitions-demo 是什么?

这是一个为React View Transitions代理技能设计的Next.js画廊演示项目。它展示了如何利用React的视图过渡API实现流畅的页面间动画效果,包括可排序的网格布局、共享元素过渡、基于Suspense的内容逐步揭示以及用户定向导航。该技能主要用于演示和测试React视图过渡的高级用例,适用于Next.js 13+框架,并支持现代浏览器。通过该技能,开发者可以快速搭建一个功能完整的画廊应用,并参考其中的代码实现自己的过渡动画逻辑。

兼容平台~Claude Code~Codex CLI~Cursor
npx skills add vercel-labs/react-view-transitions-demo

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

react-view-transitions-demo 是做什么的?

Next.js gallery demo for the React View Transitions agent skill — sortable grids, shared elements, Suspense reveals, directional navigation

相关技能