Communitygithub.com

vercel-labs/react-view-transitions-demo

Démo de galerie Next.js pour la compétence agent React View Transitions — grilles triables, éléments partagés, révélations Suspense, navigation directionnelle

Qu'est-ce que react-view-transitions-demo ?

Ceci est une démo de galerie Next.js conçue pour la compétence agent React View Transitions. Elle illustre l'utilisation de l'API View Transitions de React pour créer des animations fluides entre les pages, incluant des grilles triables, des transitions d'éléments partagés, des révélations progressives basées sur Suspense, et une navigation directionnelle. Cette compétence sert principalement à démontrer et tester des cas d'utilisation avancés des transitions de vue React, compatible avec Next.js 13+ et les navigateurs modernes. Les développeurs peuvent rapidement construire une application de galerie complète en s'inspirant du code fourni pour implémenter leurs propres logiques de transition animée.

Compatible avec~Claude Code~Codex CLI~Cursor
npx skills add vercel-labs/react-view-transitions-demo
Voir l'original→Voir toutes les compétences

Demander à votre IA préférée

Ouvre une nouvelle conversation avec cette compétence d'agent déjà préchargée.

OpenAIChatGPTClaudeClaudeGeminiGeminiGrokGrokPerplexityPerplexityDeepSeekDeepSeek

Documentation

Que fait react-view-transitions-demo ?

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

Skills associés

steipete/sag

ElevenLabs text-to-speech with mac-style say UX.

community

steipete/oracle

Oracle CLI second-model review/debug/refactor/design with selected files, dry-run token checks, API or browser engine.

community

steipete/peekaboo

Capture and automate macOS UI with the Peekaboo CLI.

community

mattpocock/design-an-interface

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

community

mattpocock/prototype

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.

community

mattpocock/grill-me

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

community