View Transitions APIをAIで実装！滑らかなページ遷移プロンプト作例

このプロンプトは、View Transitions API を用いたページ遷移アニメーションのデモコードを一括生成するよう指示しています。クロスフェードという具体的なアニメーション手法とナビゲータの実装まで範囲を絞り込んでいるため、動作確認可能なサンプルをそのまま得やすい構成になっています。

フロントエンド開発の学習や社内勉強会のサンプルコード作成、プロトタイプの初期実装など、比較的新しいブラウザ API をすぐ試したい場面で活用できます。Claude や GPT-4o など長いコードブロックを安定出力できるモデルが適しており、アニメーション種類をスライドやスケールに変えるだけで応用バリエーションが広がります。