react-view-transitions-demo は何をしますか?
Next.js gallery demo for the React View Transitions agent skill — sortable grids, shared elements, Suspense reveals, directional navigation
React View Transitions エージェントスキル向けの Next.js ギャラリーデモ — ソート可能なグリッド、共有要素、Suspense による表示、方向性ナビゲーション
これは、React View Transitions エージェントスキル用に設計された Next.js ギャラリーデモプロジェクトです。React の View Transitions 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.