← Explore all skills

MOBILE DEVELOPMENT / Vercel

Vercel React Native Skills

Provides React Native and Expo patterns for scrolling, animations, native navigation and dependency layout.

“React Native and Expo best practices for building performant mobile apps. Use when building React Native components, optimizing list performance, implementing animations, or working with”

01 / THE REASONING

Why this made the selection.

  • Includes worked mobile-specific examples rather than reusing browser performance guidance.
  • Covers native dependency placement and platform UI behavior alongside component rendering.

02 / THE REVIEW RECORD

What we actually inspected.

Source review has boundaries.
A clear record is more useful than a “safe” badge.

Material inspected

  • skills/react-native-skills/SKILL.md
  • skills/react-native-skills/rules/list-performance-virtualize.md
  • skills/react-native-skills/rules/animation-gpu-properties.md
  • README.md

Our findings

  • The inspected list reference shows LegendList and FlashList alternatives.
  • The animation reference favors transform and opacity but its fixed-height example retains layout space while visually collapsing.
  • The definition separates list, animation, navigation, rendering and native-monorepo concerns.

Not established by this review

  • Source inspection only; no skill installation or workflow execution was performed.

The review applies to the material and revision named here. A newer upstream release can change its behavior.

03 / PUT IT TO WORK

Add a skill to your workflow.

Upstream setup instructions ↗

DOCUMENTED COMMAND

npx skills add https://github.com/vercel-labs/agent-skills/tree/063bee94c3f4df8453406c830b0a7df0f2860278/skills/react-native-skills

Copying does not execute this command. It may retrieve a newer version than the reviewed source.

  1. Install the complete skill directory with its references and helpers; a copied SKILL.md alone may be incomplete.
  2. Choose the intended agent and project scope in the installer, then review its permissions before using the skill.

Before you start

  • Node.js/npm for this installer
  • An agent that supports the Agent Skills format
  • A mobile project and its installed native-module versions
  • A device or simulator for behavioral verification

04 / FOLLOW THE EVIDENCE

The source trail.

Our notes are separate from the original resource.
Check upstream before adopting a new version.

  1. https://github.com/vercel-labs/agent-skills/blob/063bee94c3f4df8453406c830b0a7df0f2860278/skills/react-native-skills/SKILL.md

    Supports: summary, upstreamDescription, whySelected, bestFor, limitations, review, compatibility, access

  2. https://github.com/vercel-labs/agent-skills/blob/063bee94c3f4df8453406c830b0a7df0f2860278/skills/react-native-skills/rules/list-performance-virtualize.md

    Supports: review, limitations, access

  3. https://github.com/vercel-labs/agent-skills/blob/063bee94c3f4df8453406c830b0a7df0f2860278/skills/react-native-skills/rules/animation-gpu-properties.md

    Supports: review, limitations, access

  4. https://github.com/vercel-labs/agent-skills/blob/063bee94c3f4df8453406c830b0a7df0f2860278/README.md

    Supports: license

  5. https://github.com/vercel-labs/agent-skills/blob/063bee94c3f4df8453406c830b0a7df0f2860278/README.md

    Supports: install, compatibility, access

  6. https://github.com/vercel-labs/skills/blob/7407f3893ad4dceab546ac002c3ef806e4000c73/README.md

    Supports: install

  7. https://github.com/vercel-labs/skills/blob/7407f3893ad4dceab546ac002c3ef806e4000c73/src/git.ts

    Supports: install