Claude MarketplacesSubmit
vercel-labs avatar

Vercel React Native Skills

vercel-labs/agent-skillsOfficial

Vercel's React Native skill covers performance optimization and mobile app best practices across eight categories, from critical list virtualization to configuration details. It's built around specific rules like using FlashList for large lists, animating only transform and opacity properties, and keeping native dependencies in your app package for monorepos. Each rule includes code examples showing wrong and right approaches. This is most useful when you're building production React Native apps and need someone to catch performance pitfalls before they become problems. The rule priorities are well thought out, focusing on what actually impacts user experience.

install copies · 90 days. Times the install command was copied on this site in the last 90 days, bots filtered.
58
skills.sh installs
271.9K
GitHub stars
33.8K
last updated
Jul 14, 2026
View on GitHub

Install

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

Installs 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

SKILL.md on GitHub

Sponsors

Promote your product hereReach 125k+ visitors monthlyPromote your product hereReach 125k+ visitors monthlyAgent CaffeineSponsoredClose your lid, come back to finished workSnugSponsoredThe clipboard manager for the AI eraPromote your product hereReach 125k+ visitors monthlyWaxSponsoredBlock anything with supervision, without erasing your iPhonePromote your product hereReach 125k+ visitors monthlyknobsSponsoredSee your site on any phone, any day, in any language

Details

Repository
github.com/vercel-labs/agent-skills
Categories
Frontend Development, AI & Agent Building, Cloud & Infrastructure, Mobile Development

More from vercel-labs/agent-skills

All 14

Recommended

More Frontend Development
1vyralcontent avatarviral-hooksvyralcontent/content-skillsWrite and critique viral hooks for short-form video: the opening 1 to 3 seconds that decide whether anything else gets seen. Use this when you need a batch of h123.9Kskills.sh installs
2get-convex avatarconvex-create-componentget-convex/agent-skillsBuilds reusable Convex components with isolated tables and app-facing APIs. Use for new components, reusable backend modules, integrations, or component boundar102.8Kskills.sh installs
3heygen-com avatarcss-animationsheygen-com/hyperframesCSS animation adapter patterns for HyperFrames. Use when authoring CSS keyframes, animation-delay based timing, animation-fill-mode, animation-play-state, or CS72.3Kskills.sh installs
4pbakaus avatarfrontend-designpbakaus/impeccableDistinctive, production-grade frontend interfaces that avoid generic AI aesthetics through intentional design choices.53.2Kskills.sh installs
5samber avatargolang-project-layoutsamber/cc-skills-golangProvides a guide for setting up Golang project layouts and workspaces. Use when starting a new Go project, organizing an existing codebase, setting up a monorep42.1Kskills.sh installs
6flutter avatarflutter-add-widget-previewflutter/agent-pluginsAdds interactive widget previews to the project using the previews.dart system. Use when creating new UI components or updating existing screens to ensure consi38.7Kskills.sh installs