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.
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".