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.
You MUST use this before any creative work - creating features, building components, adding functionality, or modifying behavior. Explores user intent, requirements and design before implementation.
Prisma ORM patterns for TypeScript backends — schema design, query optimization, transactions, pagination, and critical traps like updateMany returning count not records, $transaction timeouts, migrate dev resetting the DB, @updatedAt skipped on bulk writes, and serverless connection exhaustion.
Django + Celery async task patterns — configuration, task design, beat scheduling, retries, canvas workflows, monitoring, and testing. Use when adding background jobs, scheduled tasks, or async processing to a Django app.