{"slug":"asymmetric-al-vercel-react-view-transitions","source_name":"asymmetric-al/vercel-react-view-transitions","name":"Asymmetric Al/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":59.09,"pass_rate_pct":95.5,"total_cases":22,"passed_cases":21,"tokens_delta_pct":86.8,"turns_delta_pct":0,"verdict":"mixed","benchmark_model":"gemini-3.6-flash","grading_method":"judged","completed_at":"2026-08-20T07:31:16.198330+00:00"},"skill_score":null,"benchmark_models":[{"model":"gemini-3.6-flash","headline":true,"delta_pts":59.09,"with_pass_pct":95.5,"without_pass_pct":36.4,"tokens_delta_pct":86.8,"turns_delta_pct":0,"total_cases":22,"cases_aggregated":22,"verdict":"mixed","never_hurt":false,"completed_at":"2026-08-20T07:31:16.198330+00:00","run_id":"081e2a4e-73a0-4c0d-80de-a7757281c060","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,"manifest_hash":"257b4712f95f4955557312ec1a9c75e31bcd9bfce8903859dae95aeeda0857ab","raw_url":"https://app.decimal.ai/s/asymmetric-al-vercel-react-view-transitions/SKILL.md","scorecard_url":"https://app.decimal.ai/skills/asymmetric-al-vercel-react-view-transitions"}