Agent skill · Frontend

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.

ECNU-ICALKgithub.com/ECNU-ICALKGitHub ↗
claude-code
Install
npx skills add ECNU-ICALK/AutoSkill --skill react-native-skills --agent claude-code

Same command for any agent — swap --agent for codex, cursor, copilot.

Facts
Files in the skill folder: 42
SKILL.md size: 4 KB
Bundled scripts: none
Version: 1.0.0
Declared author: vercel
Path: SkillBank/Common/vercel-labs-agent-skills/react-native-skills/SKILL.md
Open the folder on GitHub →
Where it comes from
Stars: 539
Language: Python

Weekly change comes from our own snapshots, not the repository page — it measures attention, not adoption.

From the SKILL.md

# 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 | Priority | Category | Impact | Prefix | | -------- | ---------------- | -------- | -------------------- | | 1 | List Performance | CRITICAL | `list-performance-` | | 2 | Animation | HIGH | `animation-` | | 3 | Navigation | HIGH | `navigation-` | | 4 | UI Patterns | HIGH | `ui-` | | 5 | State Management | MEDIUM | `react-state-` | | 6 | Rendering | MEDIUM | `rendering-` | | 7 | Monorepo | MEDIUM | `monorepo-` | | 8 | Configuration | LOW | `fonts-`, `imports-` | ## Quick Reference ### 1. List Performance (CRITICAL) - `list-performance-virtualize` - Use FlashList for large lists - `list-performance-item-memo` - Memoize list item components - `list-

What's inside
Steps it walks through
  1. When to Apply
  2. Rule Categories by Priority
  3. Quick Reference
  4. 1. List Performance (CRITICAL)
  5. 2. Animation (HIGH)
  6. 3. Navigation (HIGH)
  7. 4. UI Patterns (HIGH)
  8. 5. State Management (MEDIUM)
  9. 6. Rendering (MEDIUM)
  10. 7. Monorepo (MEDIUM)
  11. 8. Configuration (LOW)
  12. How to Use
  13. Full Compiled Document
Ships with 24 files
  • AGENTS.md
  • README.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
first 24 of 42
More from AutoSkill
All skills →
docxUse this skill whenever the user wants to create, read, edit, or manipulate Word documents (.docx…Documentationweb-artifacts-builderSuite of tools for creating elaborate, multi-component claude.ai HTML artifacts using modern…FrontendpdfUse this skill whenever the user wants to do anything with PDF files. This includes reading or…AI & Agentsalgorithmic-artCreating algorithmic art using p5.js with seeded randomness and interactive parameter exploration.…Design & PresentationpptxUse this skill any time a .pptx file is involved in any way — as input, output, or both. This…Content & MarketingxlsxUse this skill any time a spreadsheet file is the primary input or output. This means any task…Data & Analytics
About this skill
What does the vercel-react-native-skills skill do?

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.

How do I install it?

Run `npx skills add ECNU-ICALK/AutoSkill --skill react-native-skills --agent claude-code` — it drops the skill into your project so the agent can pick it up. Swap the --agent value for codex, cursor or copilot if you use one of those.

Where does this skill come from?

From ECNU-ICALK/AutoSkill, a repository with 539 stars. We read it straight from the repository tree rather than a submitted listing, so what you see here is what is actually published.

Is a popular skill a good skill?

Not necessarily. Stars measure attention, not adoption — a repository can trend for a week and be abandoned. That is why we show the weekly change from our own snapshots next to the total, instead of a single flattering number.

Keep going
All skills →
The full catalog, by category and by tool.
Open Source Radar →
The repositories these skills come from, watched daily.
The people behind them →
Makers and builders across the ecosystem.