react-view-transitions-demo 是做什麼的?
Next.js gallery demo for the React View Transitions agent skill — sortable grids, shared elements, Suspense reveals, directional navigation
為 React 視圖過渡代理技能設計的 Next.js 畫廊示範——可排序網格、共享元素、Suspense 揭示、定向導航
這是一個為 React View Transitions 代理技能所打造的 Next.js 畫廊示範專案。它展示了如何運用 React 的視圖過渡 API 實現流暢的頁面動畫效果,包含可排序的網格佈局、共享元素過渡、基於 Suspense 的內容逐步揭示,以及使用者定向導航。此技能主要用於示範與測試 React 視圖過渡的高階使用情境,適合 Next.js 13+ 版本,並支援現代瀏覽器。開發者可以藉由此專案快速建立功能完整的畫廊應用,並參考其中的程式碼來實作自己的過渡動畫邏輯。
npx skills add vercel-labs/react-view-transitions-demoNext.js gallery demo for the React View Transitions agent skill — sortable grids, shared elements, Suspense reveals, directional navigation
ElevenLabs text-to-speech with mac-style say UX.
Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.
Capture and automate macOS UI with the Peekaboo CLI.
Generate multiple radically different interface designs for a module using parallel sub-agents. Use when user wants to design an API, explore interface options, compare module shapes, or mentions "design it twice".
Build a throwaway prototype to flesh out a design — a runnable terminal app for state/business-logic questions, or several radically different UI variations toggleable from one route.
Interview the user relentlessly about a plan or design until reaching shared understanding, resolving each branch of the decision tree. Use when user wants to stress-test a plan, get grilled on their design, or mentions "grill me".