Agent skill · Vercel

React Native Best Practices (Vercel)

Performance and structure advice for React Native and Expo apps: lists, animations, native modules.

Officialname: vercel-react-native-skills★ 33k (repo)pushed 2026-10-14MITSKILL.md on GitHubchecked 2026-10-24

Install

The skills CLI copies the skill into the folder of each agent you pick (Claude Code, Codex, Cursor, Copilot, Gemini CLI, OpenCode, Windsurf...). Add -g for all projects. Needs Node.js 22.20+. docs

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

More from vercel-labs/agent-skills

  • Deploy to Vercel: Deploys the current project to Vercel and returns preview or production URLs.
  • React Composition Patterns: Refactors prop-heavy React components into compound components and other reusable patterns.
  • React Best Practices: Vercel's performance rules for React and Next.js code: rendering, data fetching, bundle size.
  • React View Transitions: Adds page and element animations using React's View Transition API and CSS pseudo-elements.
  • Web Design Guidelines: Audits UI code against a checklist of interface, accessibility and UX guidelines.

Other mobile skills

FAQ

How do I install the vercel-react-native-skills skill?+

Run npx skills add vercel-labs/agent-skills --skill vercel-react-native-skills and pick your agents, or use the tab for your agent above. In Claude Code the skill ends up in ~/.claude/skills/vercel-react-native-skills/SKILL.md.

Which agents can use React Native Best Practices (Vercel)?+

Any agent that reads the Agent Skills format (SKILL.md): Claude Code, the Claude apps, Codex, GitHub Copilot, Cursor, Gemini CLI, OpenCode, Windsurf and more.

Who maintains React Native Best Practices (Vercel)?+

Vercel, the company or project behind it, in the vercel-labs/agent-skills repo on GitHub, last pushed 2026-10-14.

Read a skill's SKILL.md and scripts before you install it: skills aren't verified by any agent vendor. All agent skills · MCP servers