Communitygithub.com

vercel-labs/react-view-transitions-demo

React View Transitions エージェントスキル向けの Next.js ギャラリーデモ — ソート可能なグリッド、共有要素、Suspense による表示、方向性ナビゲーション

react-view-transitions-demo とは?

これは、React View Transitions エージェントスキル用に設計された Next.js ギャラリーデモプロジェクトです。React の View Transitions API を活用して、ページ間のスムーズなアニメーション効果を実現する方法を示しています。ソート可能なグリッドレイアウト、共有要素のトランジション、Suspense ベースの段階的コンテンツ表示、ユーザーの方向性ナビゲーションを備えています。このスキルは主に、React のビュートランジションの高度なユースケースをデモ・テストするために使用され、Next.js 13+ および現代のブラウザをサポートします。開発者は、このプロジェクトを参考に、完全なギャラリーアプリケーションを迅速に構築し、独自のアニメーショントランジションロジックを実装できます。

対応~Claude Code~Codex CLI~Cursor
npx skills add vercel-labs/react-view-transitions-demo

お気に入りのAIに質問する

このエージェントスキルを事前に読み込んだ状態で新しいチャットを開きます。

ドキュメント

react-view-transitions-demo は何をしますか?

Next.js gallery demo for the React View Transitions agent skill — sortable grids, shared elements, Suspense reveals, directional navigation

関連スキル