StealIt

Vercel React Native Skills

vercel-react-native-skills

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.

Install

Run this in your project folder. It works with Claude Code, Cursor, Codex and dozens of other agents.

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

Needs Node.js. Add -g to install for every project, or -a claude-code to skip the agent picker.

How to use Vercel React Native Skills

Once it's installed, Claude reads this skill on its own whenever a request matches what it's for, so you don't have to mention it by name. In Claude Code you can also run it directly by typing /vercel-react-native-skills.

It contains no scripts, only instructions and reference files, so it can't run code on its own.

What the instructions cover

  1. 1When to Apply
  2. 2Rule Categories by Priority
  3. 3Quick Reference
  4. 4How to Use
  5. 5Full Compiled Document

Section headings from the skill's SKILL.md file.

What's inside · 42 files

  • AGENTS.md
  • README.md
  • SKILL.md
  • metadata.json
  • rules/_sections.md
  • rules/_template.md
  • rules/animation-derived-value.md
  • rules/animation-gesture-detector-press.md
  • rules/animation-gpu-properties.md
  • rules/design-system-compound-components.md
  • rules/fonts-config-plugin.md
  • rules/imports-design-system-folder.md
  • rules/js-hoist-intl.md
  • rules/list-performance-callbacks.md
  • rules/list-performance-function-references.md
  • rules/list-performance-images.md
  • rules/list-performance-inline-objects.md
  • rules/list-performance-item-expensive.md
  • rules/list-performance-item-memo.md
  • rules/list-performance-item-types.md
  • rules/list-performance-virtualize.md
  • rules/monorepo-native-deps-in-app.md
  • rules/monorepo-single-dependency-versions.md
  • rules/navigation-native-navigators.md
  • rules/react-compiler-destructure-functions.md
  • rules/react-compiler-reanimated-shared-values.md
  • rules/react-state-dispatcher.md
  • rules/react-state-fallback.md
  • rules/react-state-minimize.md
  • rules/rendering-no-falsy-and.md
  • rules/rendering-text-in-text-component.md
  • rules/scroll-position-no-state.md
  • rules/state-ground-truth.md
  • rules/ui-expo-image.md
  • rules/ui-image-gallery.md
  • rules/ui-measure-views.md
  • rules/ui-menus.md
  • rules/ui-native-modals.md
  • rules/ui-pressable.md
  • rules/ui-safe-area-scroll.md
  • + 2 more files on GitHub →

More from Vercel

See all →

Vercel React Best PracticesTop pick

React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure…

FrontendVercel34k

Deploy To Vercel

Deploy applications and websites to Vercel. Use when the user requests deployment actions like "deploy my app", "deploy and give me the link", "push this live", or "create a…

Cloud & DevOpsVercel34k

Vercel CLI With Tokens

Deploy and manage projects on Vercel using token-based authentication. Use when working with Vercel CLI using access tokens rather than interactive login — e.g. "deploy to…

Cloud & DevOpsVercel34k

Vercel Composition Patterns

React composition patterns that scale. Use when refactoring components with boolean prop proliferation, building flexible component libraries, or designing reusable APIs. Triggers…

FrontendVercel34k
See all →

Animate Expo

Build animations in React Native and Expo, making the decisions in the order that determines whether they feel right — should it animate, which thread it runs on, which…

MobileEmil Kowalski54k

Mobile Native

Make a web app feel native on a phone — the small CSS and meta-tag fixes that separate "a website in a browser" from something that feels installed. Covers sticky hover states…

MobileEmil Kowalski54k

Write Swift

How to write modern Swift well — modeling with value types, Swift 6 data-race safety and approachable concurrency (@concurrent, main-actor-by-default, actors, task groups)…

MobileEmil Kowalski54k

Mobile Android Design

Master Material Design 3 and Jetpack Compose patterns for building native Android apps. Use when designing Android interfaces, implementing Compose UI, or following Google's…

MobileSeth Hobson42k