← All skills

vercel-react-view-transitions

100 / 100 · Low risk

Fine to try.

By aicodedecode/awesome-muse-skills (GitHub) · design · 54 stars · scanned at commit faf37c0

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 vie…

Works with any agent that supports SKILL.md skills.

Partially scanned — some files couldn't be read; we'll retry on the next scan

What this skill can do

We found nothing in the files we read that matches our rules. That does not prove the skill is safe: see the limits of static scanning.

Install

Paste this into your terminal. It downloads exactly the version we scanned, not whatever is newest.

if [ -e ~/.agents/skills/'vercel-react-view-transitions' ] || [ -L ~/.agents/skills/'vercel-react-view-transitions' ]; then echo 'A skill folder named vercel-react-view-transitions already exists — not replacing it' >&2; false; else d=$(mktemp -d) && git clone --quiet --filter=blob:none --no-checkout 'https://github.com/aicodedecode/awesome-muse-skills' "$d" && git -C "$d" checkout --quiet 'faf37c0859ebf627bfcb5225e8057d088691e0ae' -- 'skills-imported/vercel-react-view-transitions' && mkdir -p ~/.agents/skills && cp -R "$d"/'skills-imported/vercel-react-view-transitions' ~/.agents/skills/'vercel-react-view-transitions' && rm -rf "$d"; fi

Codex reads ~/.agents/skills directly. For Claude Code, Cursor, Copilot, Gemini CLI, Antigravity or OpenCode, also link it. For Claude Code: ln -s ~/.agents/skills/'vercel-react-view-transitions' ~/.claude/skills/'vercel-react-view-transitions' (other agents: ~/.cursor/skills, ~/.copilot/skills, ~/.gemini/skills, ~/.gemini/config/skills, ~/.config/opencode/skills). Or install through the finder skill, which does both.

Badge for your README

The badge for aicodedecode/awesome-muse-skills shows the score of its lowest-scoring skill.

[![SkillTrust](https://zalavijaysinh.github.io/skilltrust/badges/aicodedecode/awesome-muse-skills.svg)](https://zalavijaysinh.github.io/skilltrust/repos/aicodedecode/awesome-muse-skills/)

Score history