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

相關技能