Vercel React Native Skills
This is Vercel's official collection of React Native and Expo best practices, organized as agent skills for Claude. It covers eight categories from critical list performance fixes (FlashList, memoization, callback stability) to animation patterns with Reanimated, navigation choices, and monorepo configurations. The priority system is smart, putting list virtualization and render optimization at the top since those bite you immediately in production apps. Each rule includes wrong and right code examples. If you're building mobile apps with React Native or Expo and want Claude to follow current performance patterns without having to paste guidelines into every conversation, this gives you that baseline.
- install copies · 90 days. Times the install command was copied on this site in the last 90 days, bots filtered.
- 7
- GitHub stars
- 27.8K
- last updated
- Jun 10, 2026
Install
$ npx -y skills add vercel-labs/agent-skills --skill vercel-react-native-skills --agent claude-codeInstalls into .claude/skills of the current project.
Files
React Native Skills
Comprehensive best practices for React Native and Expo applications. Contains rules across multiple categories covering performance, animations, UI patterns, and platform-specific optimizations.
When to Apply
Reference these guidelines when:
- Building React Native or Expo apps
- Optimizing list and scroll performance
- Implementing animations with Reanimated
- Working with images and media
- Configuring native modules or fonts
- Structuring monorepo projects with native dependencies
Rule Categories by Priority
Sponsors
Agent CaffeineSponsoredClose your lid, come back to finished work
SnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthly
WaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthly
knobsSponsoredSee your site on any phone, any day, in any languageDetails
- Repository
- github.com/vercel-labs/agent-skills
- Categories
- Frontend Development, AI & Agent Building, Cloud & Infrastructure, Mobile Development
- First seen
- Jun 11, 2026
More from vercel-labs/agent-skills
All 14- Vercel React View Transitions
- Vercel React Best Practices885.1K
- Web Design Guidelines843.6K
- Vercel Composition Patterns446.4K
- Vercel React Native Skills271.9K
- Deploy To Vercel187.4K
- Vercel React View Transitions185.5K
- Vercel Cli With Tokens150.4K
- Vercel Optimize126K
- Writing Guidelines122.4K
- Vercel Deploy534
- Vercel Composition Patterns
- Vercel React Best Practices
Recommended
More Frontend Development
banner-designnextlevelbuilder/ui-ux-pro-max-skillDesign banners for social media, ads, website heroes, creative assets, and print. Multiple art direction options with AI-generated visuals. Actions: design, cre47.1Kskills.sh installs
baseline-uiibelick/ui-skillsQuickly deslop UI code by fixing spacing, hierarchy, typography, and small layout issues. Use when the interface needs a fast cleanup or polish pass.26Kskills.sh installs
tresjsonmax/nuxt-skillsUse when building 3D scenes with TresJS (Vue Three.js) - provides TresCanvas, composables (useTres, useLoop), Cientos helpers (OrbitControls, useGLTF, Environme1.2Kskills.sh installs
sveltekit-structurespences10/svelte-skills-kitSvelteKit structure guidance. Use for routing, layouts, error handling, SSR, or svelte:boundary. Covers file naming, nested layouts, error boundaries, pending U1.1Kskills.sh installs
image-to-codeplugin87/ux-ui-agent-skillsTurn a reference image, screenshot, or mockup into token-driven, accessible code — infer the design system from the reference (palette, type scale, spacing, rad768skills.sh installsa11y-auditplugin87/ux-ui-agent-skillsAudit a UI or design against WCAG 2.2 AA/AAA and ARIA patterns, returning criterion-referenced findings with severity and specific fixes. Use when the user want598skills.sh installs