Skip to content

vercel-react-view-transitions

Curated third-party skill source. Run external-skill-auditor before repo promotion.

vercel-react-view-transitions18 wordsCuratedinstall-now-after-trust-gate
Curated third-party skill source. Run external-skill-auditor before repo promotion.

Quick Start

Install:

npx skills add vercel-labs/agent-skills --skill vercel-react-best-practices --skill vercel-composition-patterns --skill vercel-react-view-transitions --skill web-design-guidelines --skill vercel-react-native-skills -y -g -a antigravity claude-code codex crush cursor gemini-cli github-copilot grok opencode

Use: /vercel-react-view-transitions

Works with Claude Code, Gemini CLI, OpenCode, and other agentskills.io-compatible agents.

Implement native-feeling animations with React View Transition API: <ViewTransition>, addTransitionType, shared element (name prop), directional nav, Next.js integration (transitionTypes on Link), CSS recipes (fade/slide etc), a11y prefers-reduced-motion. From vercel-labs/agent-skills.

Targets verified harnesses: antigravity, claude-code, codex, crush, cursor, gemini-cli, github-copilot, grok, opencode.

Portable multi-harness install command:

Terminal window
npx skills add vercel-labs/agent-skills --skill vercel-react-best-practices --skill vercel-composition-patterns --skill vercel-react-view-transitions --skill web-design-guidelines --skill vercel-react-native-skills -y -g -a antigravity claude-code codex crush cursor gemini-cli github-copilot grok opencode

Trust tier: Curated (curated-trust-gated)

Curated status: install-now-after-trust-gate

Risk notes: Curated third-party skill source. Run external-skill-auditor before repo promotion.

Entry maintained via authoring + research for compose-external-wave-13; provenance and audit notes are authoritative there (research context is advisory).

vercel-labs/agent-skills named —skill. status=install-now-after-trust-gate.

FieldValue
Source Typecurated-external
Display Sourcevercel-labs/agent-skills
Source Kindgithub
Installabilityportable command
Review Statecurated
Trust Tiercurated-trust-gated
Target Agentsantigravity, claude-code, codex, crush, cursor, gemini-cli, github-copilot, grok, opencode
Curated catalog entry
docs/src/authoring/skills/vercel-react-view-transitions.mdx (full SSOT excerpt)
---
name: "vercel-react-view-transitions"
description: "Curated third-party skill source. Run external-skill-auditor before repo promotion."
title: "Vercel React View Transitions"
source_kind: "curated-external"
source: "vercel-labs/agent-skills"
install_source: "vercel-labs/agent-skills"
status: "install-now-after-trust-gate"
trust_tier: "curated-trust-gated"
provenance_status: "verified-install-command"
install_command: "npx skills add vercel-labs/agent-skills --skill vercel-react-best-practices --skill vercel-composition-patterns --skill vercel-react-view-transitions --skill web-design-guidelines --skill vercel-react-native-skills -y -g -a antigravity claude-code codex crush cursor gemini-cli github-copilot grok opencode"
target_agents: [antigravity, claude-code, codex, crush, cursor, gemini-cli, github-copilot, grok, opencode]
source_url: "https://github.com/vercel-labs/agent-skills"
notes: "Curated third-party skill source. Run external-skill-auditor before repo promotion."
risk_notes: "Curated third-party skill source. Run external-skill-auditor before repo promotion."
promotion_policy: "Install only after trust gate; audit again before repo promotion."
provenance_evidence: "Curated `npx skills add` command with named `--skill` selectors under `install-now-after-trust-gate` in config/external-skills.md."
---
{/* GENERATED-AUTHORING: source=config/external-skills.md; entry=vercel-react-view-transitions; re-run migration to refresh */}
Curated third-party skill source. Run external-skill-auditor before repo promotion.

Install / provenance (from authoring frontmatter + research):

FieldValue
install_commandnpx skills add vercel-labs/agent-skills --skill vercel-react-best-practices --skill vercel-composition-patterns --skill vercel-react-view-transitions --skill web-design-guidelines --skill vercel-react-native-skills -y -g -a antigravity claude-code codex crush cursor gemini-cli github-copilot grok opencode
sourcevercel-labs/agent-skills
source_urlhttps://github.com/vercel-labs/agent-skills
trust_tiercurated-trust-gated
curated_statusinstall-now-after-trust-gate
target_agentsantigravity, claude-code, codex, crush, cursor, gemini-cli, github-copilot, grok, opencode