View Transitions Agent Skill

Guides interface animations using React view transitions, including navigation and shared elements.

Published by vercel-labsvercel-labs/agent-skills/react-view-transitions

Source repositoryvercel-labs/agent-skills
Source licenseMIT
Pinned063bee9
Source checked2026-10-17

.install .install-tabs{display:none}.install .install-panel[hidden]{display:block}@media (max-width:767px){.install .install-panel[hidden]{display:flex}}.install .install-panel+.install-panel{border-top:1px solid var(--line)}.install .install-panel-label{display:block}.install .install-all{display:none}

Install

Pick your client, then copy the command.

Claude Code

Personal skills in ~/.claude/skills (use .claude/skills for one project)

git clone 'https://github.com/vercel-labs/agent-skills.git'
cd agent-skills && git checkout 063bee94c3f4df8453406c830b0a7df0f2860278
mkdir -p ~/.claude/skills && cp -R skills/react-view-transitions ~/.claude/skills/react-view-transitions

Codex

No Codex snippet verified for this entry yet

Compatibility is not confirmed, so there is no copy-ready command. Start from the pinned checkout and follow the source docs for where the folder goes.

Pinned checkout (same for every client)

git clone 'https://github.com/vercel-labs/agent-skills.git'
cd agent-skills && git checkout 063bee94c3f4df8453406c830b0a7df0f2860278

Read pinned setup documentation Codex skills documentation

Cursor

No Cursor snippet verified for this entry yet

Compatibility is not confirmed, so there is no copy-ready command. Start from the pinned checkout and follow the source docs for where the folder goes.

Pinned checkout (same for every client)

git clone 'https://github.com/vercel-labs/agent-skills.git'
cd agent-skills && git checkout 063bee94c3f4df8453406c830b0a7df0f2860278

Read pinned setup documentation

Git

Check out the pinned revision

git clone 'https://github.com/vercel-labs/agent-skills.git'
cd agent-skills && git checkout 063bee94c3f4df8453406c830b0a7df0f2860278

Any agent

Paste into your agent chat

Read the source at https://github.com/vercel-labs/agent-skills/blob/063bee94c3f4df8453406c830b0a7df0f2860278/skills/react-view-transitions/SKILL.md (pinned revision 063bee94c3f4). Explain what it does and which tools, credentials and network access it needs. Do not install or run anything until I confirm.

How to install Claude Code skills: compare folder, plugin and CLI methods

All client instructions (works without JavaScript)

Claude Code

Personal skills in ~/.claude/skills (use .claude/skills for one project)

git clone 'https://github.com/vercel-labs/agent-skills.git'
cd agent-skills && git checkout 063bee94c3f4df8453406c830b0a7df0f2860278
mkdir -p ~/.claude/skills && cp -R skills/react-view-transitions ~/.claude/skills/react-view-transitions

Codex

No dedicated setup snippet verified for this client. Review the shared setup and pinned source below; compatibility is not confirmed.

Read pinned source

Cursor

No dedicated setup snippet verified for this client. Review the shared setup and pinned source below; compatibility is not confirmed.

Read pinned source

Git

Check out the pinned revision

git clone 'https://github.com/vercel-labs/agent-skills.git'
cd agent-skills && git checkout 063bee94c3f4df8453406c830b0a7df0f2860278

Any agent

Paste into your agent chat

Read the source at https://github.com/vercel-labs/agent-skills/blob/063bee94c3f4df8453406c830b0a7df0f2860278/skills/react-view-transitions/SKILL.md (pinned revision 063bee94c3f4). Explain what it does and which tools, credentials and network access it needs. Do not install or run anything until I confirm.

Listed ≠ audited. Snippets follow the pinned source docs; review the source and any scripts before running them. Nothing is installed from this page.

Source record

Repository: vercel-labs/agent-skills
Source file: skills/react-view-transitions/SKILL.md
Pinned revision: 063bee9
Upstream commit: 28 Aug 2026
Last checked: 17 Oct 2026
License: MIT

No review scores. No automatic installs. Not affiliated with the publisher.

What you are opening

A public SKILL.md with instructions for an agent. Open the pinned source to inspect its complete scope, dependencies and permissions.

How to set it up

Open the pinned SKILL.md and read its instructions and any bundled scripts.
Copy the skill folder into your client’s skills directory with the snippet in the install card.
Start a new session and ask for the task the skill describes.

Before you add it

Read the instructions and review any scripts before running them.
Check tool access, required credentials and third-party network requests.
The source license and any resource-specific terms take precedence.

What you are opening

How to set it up

Before you add it

More from vercel-labs/agent-skills

Other Claude skills