{"slug":"vercel-react-view-transitions","source_name":"vercel-react-view-transitions","name":"Vercel React View Transitions","description":"Guide for implementing smooth, native-feeling animations using React's View Transition API (`<ViewTransition>` component, `addTransitionType`, and CSS view transition pseudo-elements). Use this skill whenever the user wants to add page transitions, animate route changes, create shared element animations, animate enter/exit of components, animate list reorder, implement directional (forward/back) navigation animations, or integrate view transitions in Next.js. Also use when the user mentions view","version":4,"lift":{"pass_rate_delta_pts":50,"pass_rate_pct":95.5,"total_cases":22,"passed_cases":21,"tokens_delta_pct":87.9,"turns_delta_pct":0,"verdict":"mixed","benchmark_model":"gemini-3.6-flash","grading_method":"judged","completed_at":"2026-08-30T16:46:47.492332+00:00"},"skill_score":0.9546162551440329,"benchmark_models":[{"model":"gemini-3.6-flash","headline":true,"delta_pts":50,"with_pass_pct":95.5,"without_pass_pct":45.5,"tokens_delta_pct":87.9,"turns_delta_pct":0,"total_cases":22,"cases_aggregated":22,"verdict":"mixed","never_hurt":true,"completed_at":"2026-08-30T16:46:47.492332+00:00","run_id":"67d221fe-1318-4bf1-b58a-3e627d937f26","latest_attempt":{"id":"67d221fe-1318-4bf1-b58a-3e627d937f26","runner_model":"gemini-3.6-flash","overall_verdict":"mixed","completed_at":"2026-08-30T16:46:47.492332+00:00","gate":null},"version_number":4,"is_latest_version":true,"gate":null}],"trust":{"skill_safety":"passed","safety_status":"clean","intent_verdict":"safe","content_status":"clean","indexable":true},"license":"MIT","install_count":2,"total_uses":985,"total_users":12,"manifest_hash":"3046f482fd77669309e971a81df743400b61da53033cad3add4e67a492b643fe","install_name":"vercel-react-view-transitions","version_id":"7bd471a7-9552-46ec-8526-9d95adb2f7d2","body_sha256":"3046f482fd77669309e971a81df743400b61da53033cad3add4e67a492b643fe","render_hash":"794f82ad6cb18f9c6e33d8e08f059d208366f7ec9a1b9f402b47849892cd7489","raw_url":"https://app.decimal.ai/s/vercel-react-view-transitions/SKILL.md","scorecard_url":"https://app.decimal.ai/skills/vercel-react-view-transitions"}