Communitygithub.com

vercel-labs/react-view-transitions-demo

Next.js-Galeriedemo für die React View Transitions Agentenfertigkeit — sortierbare Raster, gemeinsame Elemente, Suspense-Enthüllungen, Richtungsnavigation

Was ist react-view-transitions-demo?

Dies ist eine Next.js-Galeriedemo, die für die React View Transitions Agentenfertigkeit entwickelt wurde. Sie zeigt, wie die View Transitions API von React genutzt wird, um flüssige Animationen zwischen Seiten zu ermöglichen, einschließlich sortierbarer Raster, Übergänge gemeinsamer Elemente, schrittweiser Inhaltsanzeige durch Suspense und Benutzernavigation mit Richtungsbezug. Diese Fertigkeit dient hauptsächlich der Demonstration und dem Testen fortgeschrittener Anwendungsfälle von React-View-Übergängen und ist kompatibel mit Next.js 13+ sowie modernen Browsern. Entwickler können schnell eine vollständige Galerieanwendung aufbauen und sich am Code orientieren, um eigene animierte Übergangslogiken zu implementieren.

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

In Ihrer bevorzugten KI fragen

Öffnet einen neuen Chat, in dem dieser Agent-Skill bereits geladen ist.

Dokumentation

Was macht react-view-transitions-demo?

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

Verwandte Skills