PlugWiki

Vercel React Native Skills for Claude: What They Do and How to Install

Gives Claude Vercel's ranked React Native and Expo rules for fast lists, smooth animation, navigation and native UI.

Installs
263.2K
on skills.sh
Stars
33.4K
on GitHub
Files
41
besides SKILL.md
Updated
Oct 2026
last repo commit

This skill points Claude at a set of React Native and Expo rules from Vercel. Rules are ranked by impact: list performance is critical, animation, navigation and UI patterns are high, and state, rendering and monorepo rules are medium. Each rule file shows an incorrect and a correct code example.

It applies when you build React Native components, tune list performance, use Reanimated or work with native modules. SKILL.md is a quick index; Claude reads individual rule files for detail, and AGENTS.md holds the full guide. The folder has 36 rule files and no scripts.

Good for

  • React Native and Expo developers
  • Teams tuning list and scroll performance
  • Monorepo teams with native dependencies

Install vercel-react-native-skills

Claude Code

  1. 1

    Copy this prompt.

    Install the vercel-react-native-skills skill in Claude Code. Run this command:

npx skills add https://github.com/vercel-labs/agent-skills --skill vercel-react-native-skills

Then check that it loaded and tell me how to use it.
  2. 2

    Paste it into Claude Code. It shows the change and asks before running it.

Requires Node.js.

From its listing on skills.sh. Source.

What's in the skill

When it loads

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 native modules. Triggers on tasks involving React Native, Expo, mobile performance, or native platform APIs.

Sections in SKILL.md

  1. When to Apply
  2. Rule Categories by Priority
  3. Quick Reference
  4. 1. List Performance (CRITICAL)
  5. 2. Animation (HIGH)
  6. 3. Navigation (HIGH)
  7. 4. UI Patterns (HIGH)
  8. 5. State Management (MEDIUM)
  9. 6. Rendering (MEDIUM)
  10. 7. Monorepo (MEDIUM)
  11. 8. Configuration (LOW)
  12. How to Use
  13. Full Compiled Document

Key facts

Author
vercel-labs
Repo
vercel-labs/agent-skills (skills/react-native-skills)
Installs on skills.sh
263,189 (Nov 2026)
GitHub stars
33,354 (Nov 2026)
License
MIT
Last repo commit
Oct 28, 2026
Files in the skill folder
42 including SKILL.md
skills.sh audits
Gen Agent Trust Hub: pass, Socket: pass, Snyk: pass
Rule files
36 rules in rules/ (plus _sections.md and _template.md), AGENTS.md, README.md and metadata.json

What it includes

  • Virtualize large lists, memoize items, keep callbacks and images cheap

    List performance (critical)

  • Animate only transform and opacity, use derived values and gesture detectors

    Animation (high)

  • Prefer native stack and native tabs over JS navigators

    Navigation (high)

  • expo-image, Pressable, native menus and modals, safe areas, StyleSheet or Nativewind

    UI patterns (high)

  • Minimize subscriptions, handle the React Compiler and shared values

    State management (medium)

  • Wrap text in Text, avoid falsy && in conditional rendering

    Rendering (medium)

  • Keep native dependencies in the app package and versions single

    Monorepo (medium)

  • Font config plugins, design system imports, hoisting Intl

    Configuration (low)

From the official docs

Questions

How do I install the Vercel React Native skill?

Use the install box above. It lives in the vercel-labs/agent-skills repo under the folder react-native-skills.

When does Claude use it?

Its description says to use it when building React Native components, optimizing list performance, implementing animations or working with native modules.

Does it need scripts or an API key?

No. The folder holds markdown rule files, a README and a metadata.json, and SKILL.md asks for no key.

Is it only for Expo?

The description says React Native and Expo. The rules also cover plain React Native topics such as list performance and native modules.

Is it free to use?

The SKILL.md frontmatter declares an MIT license.

Is it safe?

It is a markdown index of rules plus rule files, with no scripts. Claude applies the patterns to your code, so review its edits in git as you would for any change.

Information

updated Nov 2, 2026

Repository
vercel-labs/agent-skills
Folder
skills/react-native-skills

vercel-labs/agent-skillsskills.sh

Sources

Docs, issue trackers and discussions this page is built from.

Show all 1
  1. vercel-react-native-skills SKILL.md · github.com

Updated Nov 2, 2026.