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.
You MUST use this before any creative work - creating features, building components, adding functionality, or modifying behavior. Explores user intent, requirements and design before implementation.
Prisma ORM patterns for TypeScript backends — schema design, query optimization, transactions, pagination, and critical traps like updateMany returning count not records, $transaction timeouts, migrate dev resetting the DB, @updatedAt skipped on bulk writes, and serverless connection exhaustion.
Django + Celery async task patterns — configuration, task design, beat scheduling, retries, canvas workflows, monitoring, and testing. Use when adding background jobs, scheduled tasks, or async processing to a Django app.