🎯

vercel-react-native-skills

🎯Skill

from vercel-labs/agent-skills

What it does

React Native best practices skill with 16 rules across 7 sections covering performance, layout, animation, images, state management, architecture, and platform-specific patterns for Expo and React Native apps.

Overview

React Native best practices skill from the Vercel Labs agent-skills collection, optimized for AI coding agents. It contains 16 rules across 7 sections covering performance, architecture, and platform-specific patterns for building React Native and Expo apps. The rules are prioritized by impact level, from critical performance optimizations to medium-priority platform patterns.

Key Features

Performance rules (Critical): FlashList usage, memoization strategies, and offloading heavy computation
Layout guidance (High): Flex patterns, safe area handling, and keyboard behavior management
Animation best practices (High): Reanimated integration and gesture handling patterns
Image optimization (Medium): expo-image usage, caching strategies, and lazy loading
State management (Medium): Zustand patterns and React Compiler compatibility
Architecture guidance (Medium): Monorepo structure and import conventions
Platform-specific patterns (Medium): iOS and Android specific handling

Who is this for?

Mobile developers building React Native or Expo apps who want to follow performance-optimized patterns, and AI coding agents that assist with React Native development.

📦

Same repository

vercel-labs/agent-skills(16 items)

📚 Related Resources

📝Introducing: React Best Practices

vercel.com

📝Agent Skills Explained: An FAQ

vercel.com

vercel-react-native-skills

Installation

Vibe Index InstallInstalls to .claude/skills/ - auto-recognized by Claude Code

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

skills.sh Install⚠ Installs to .agents/skills/ - may not be auto-recognized by Claude Code

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

Manual InstallCopy SKILL.md content and save to the path below

~/.claude/skills/vercel-react-native-skills/SKILL.md

SKILL.md

102,957Installs

18,734

Last UpdatedJan 29, 2026

View on GitHub Back to Skills

More from this repository10

🎯

vercel-react-best-practices🎯Skill

React and Next.js performance optimization guidelines from Vercel Engineering. 40+ rules across 8 categories covering component performance, data fetching, and bundle size optimization.

🎯

web-design-guidelines🎯Skill

Web interface best practices auditor from Vercel Engineering. Reviews UI code against 100+ standards covering accessibility, animations, forms, images, and UX fundamentals.

🎯

vercel-composition-patterns🎯Skill

React composition patterns skill from Vercel Labs that helps avoid boolean prop proliferation through compound components, state lifting, and internal composition techniques.

🎯

deploy-to-vercel🎯Skill

Part of Vercel Labs agent skills collection that includes React/Next.js best practices, web design guidelines, React Native guidelines, and composition patterns — packaged as Agent Skills for AI coding agents.

🎯

vercel-cli-with-tokens🎯Skill

A skill from the Vercel Labs agent-skills collection that enables AI coding agents to interact with the Vercel CLI using authentication tokens for deployment and project management.

🎯

vercel-react-view-transitions🎯Skill

Implements smooth animations using React's View Transition API — the `<ViewTransition>` component, `addTransitionType`, transition classes, shared-element transitions, and Next.js `next/link` integration.

🎯

composition-patterns🎯Skill

Guides AI agents in implementing robust software design patterns for component composition, modularity, and reusability across different programming paradigms.

🎯

react-native-skills🎯Skill

React Native best practices optimized for AI agents from Vercel Engineering. 16 rules across 7 sections covering mobile performance, layout patterns, animations, and platform-specific implementation.

🎯

vercel-deploy🎯Skill

Automates Vercel deployment configuration and deployment processes for AI agents, generating optimal deployment settings and triggering builds programmatically.

🎯

find-skills🎯Skill

Skill