{"slug":"zhukunpenglinyutong-vercel-react-view-transitions","source_name":"zhukunpenglinyutong/vercel-react-view-transitions","name":"Zhukunpenglinyutong/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":1,"lift":{"pass_rate_delta_pts":63.64,"pass_rate_pct":100,"total_cases":22,"passed_cases":22,"tokens_delta_pct":66.5,"turns_delta_pct":0,"verdict":"pass","benchmark_model":"gemini-3.6-flash","grading_method":"judged","completed_at":"2026-09-08T04:05:22.190948+00:00"},"skill_score":1,"benchmark_models":[{"model":"gemini-3.6-flash","headline":true,"delta_pts":63.64,"with_pass_pct":100,"without_pass_pct":36.4,"tokens_delta_pct":66.5,"turns_delta_pct":0,"total_cases":22,"cases_aggregated":22,"verdict":"pass","never_hurt":true,"completed_at":"2026-09-08T04:05:22.190948+00:00","run_id":"e0b28f6d-0af7-4c77-83e6-f50fc822ab6f","latest_attempt":{"id":"e0b28f6d-0af7-4c77-83e6-f50fc822ab6f","runner_model":"gemini-3.6-flash","overall_verdict":"pass","completed_at":"2026-09-08T04:05:22.190948+00:00","gate":null},"version_number":1,"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":0,"total_uses":2,"total_users":1,"manifest_hash":"d76c688ddf09ee010fc7e392f5f0cec05c523dc9e64e9dfef13299c3b8b1e9d9","install_name":"zhukunpenglinyutong-vercel-react-view-transitions","version_id":"7b2843ed-4555-443a-9f1f-9409aaf5a02b","body_sha256":"d76c688ddf09ee010fc7e392f5f0cec05c523dc9e64e9dfef13299c3b8b1e9d9","render_hash":"794f82ad6cb18f9c6e33d8e08f059d208366f7ec9a1b9f402b47849892cd7489","raw_url":"https://app.decimal.ai/s/zhukunpenglinyutong-vercel-react-view-transitions/SKILL.md","scorecard_url":"https://app.decimal.ai/skills/zhukunpenglinyutong-vercel-react-view-transitions"}