CookiesForAI

vercel-react-native-skills

React Native

React Native is Vercel's agent skill of React Native and Expo rules, ranked by impact: list performance, animations, native navigation and UI patterns for faster mobile apps.

Agent skill by Vercel Official · Updated

Install React Native

Install this skill with the skills CLI

Terminal
npx skills add vercel-labs/agent-skills --skill vercel-react-native-skills

Or install every Vercel skill at once

Terminal
npx skills add vercel-labs/agent-skills

Or paste this into your coding agent: Install the agent skill vercel-react-native-skills from github.com/vercel-labs/agent-skills. A skill can include scripts that run on your computer, so read its source first.

What React Native does

The React Native skill is Vercel's set of best practices for React Native and Expo apps. It loads when an agent builds React Native components, tunes list and scroll performance, adds animations, or works with native modules and platform APIs. The rules are grouped into eight categories and ordered by impact, from list performance down to configuration.

In the React Native skill, list performance comes first: virtualize large lists with FlashList, memoize list items, keep callbacks stable, avoid inline style objects and use item types for mixed lists. The animation rules animate only transform and opacity, use useDerivedValue for computed animations and Gesture.Tap instead of Pressable for animated presses. Navigation uses native stack and native tabs over JavaScript navigators.

The React Native skill's UI rules prefer expo-image for images, Pressable over TouchableOpacity, native context menus and modals, and onLayout over measure(). Further rules cover state subscriptions and the React Compiler, wrapping text in Text components, and keeping native dependencies in the app package of a monorepo. Each rule file shows incorrect and correct code, and AGENTS.md compiles every rule into one document.

When to use React Native

  • You have a long list in your React Native app that stutters when you scroll.
  • You are adding animations with Reanimated and want them to run smoothly.
  • You are choosing between native and JavaScript navigators, menus or modals.
  • You keep your React Native app in a monorepo and native modules are not autolinking.

When to pick something else

  • You build for the web with React or Next.js: use React Best Practices.

Which agents React Native works in

Vercel documents React Native for any AI coding agent that reads Agent Skills, installed with the skills CLI. The open skills CLI also installs it into 78 agents, including Claude Code, Codex, Cursor, Gemini CLI, GitHub Copilot, OpenCode (we listed it with the CLI on October 1, 2026). See where each agent looks for skills.

React Native license

React Native is published under MIT. The SKILL.md frontmatter says license: MIT. The vercel-labs/agent-skills repository has no LICENSE file and GitHub reports no license; its README ends with "License: MIT" (checked 2026-10-01). MIT lets you use, change and share the skill if you keep the copyright notice.

  • Claude API: Claude API is Anthropic's open-source agent skill for code that calls Claude: current model IDs and prices, guides for seven SDK languages plus cURL, and guided migrations to newer models. (179,326 repository stars on October 2, 2026)
  • Stripe best practices: stripe-best-practices is Stripe's own agent skill for integration decisions: it steers the agent to the right Stripe API for payments, subscriptions, Connect, tax and security, using current API and SDK versions. (1,852 repository stars on October 2, 2026)
  • React Best Practices: React Best Practices is Vercel Engineering's agent skill of 70 performance rules for React and Next.js, ranked by impact, which the agent applies when it writes or reviews code. (31,813 repository stars on October 2, 2026)
  • React Composition Patterns: React Composition Patterns is Vercel's agent skill for React component APIs: compound components, lifted state and explicit variants instead of a growing list of boolean props. (31,813 repository stars on October 2, 2026)

More from Vercel

  • Deploy to Vercel: Deploy to Vercel is Vercel's agent skill for getting a project live: the agent checks how your project is set up, picks a deploy method and returns a preview link unless you ask for production. (31,813 repository stars on October 2, 2026)
  • React View Transitions: React View Transitions is Vercel's agent skill for animating route changes, shared elements and list reorders with React's ViewTransition component, in Next.js and other React apps. (31,813 repository stars on October 2, 2026)
  • Vercel CLI with Tokens: Vercel CLI with Tokens is Vercel's agent skill for running the Vercel CLI with an access token instead of vercel login: deploys, environment variables, logs and domains. (31,813 repository stars on October 2, 2026)
  • Vercel Optimize: Vercel Optimize is Vercel's agent skill that audits a deployed project from its production metrics and returns ranked, verified fixes to cut cost and speed up slow routes. (31,813 repository stars on October 2, 2026)

Lists that include vercel-react-native-skills