React Native Skills
Vercel's best practices for React Native and Expo as an agent skill: a main file organising detailed rule files across list performance, GPU-friendly animation, native navigation
- What
- Vercel's best practices for React Native and Expo as an agent skill: a main file organising detailed rule files across list performance, GPU-friendly animation, native navigation
- Cost
- Free
- Needs
- Before you start: read this whole install prompt, tell me in a few lines what this skill does and what installing it involves, and wait for my go-ahead before you do anything else.
- Install
- Copy the installer prompt below into your Muse — your agent does the rest.
Curated by Skill Harbor — Vercel's best practices for React Native and Expo as an agent skill: a main file organising detailed rule files across list performance, GPU-friendly animation, native navigation, UI patterns (native modals, menus, expo-image, Pressable), state management, rendering discipline, monorepo layout and configuration. A compiled agents document expands the rules in one place. It is knowledge the agent applies while building or optimising React Native apps — it runs nothing, installs nothing and contacts nothing. By @vercel-labs, listed here with credit to its creator. MIT-licensed (announced in the upstream README; no LICENSE file). Skill Harbor never reviews the code, review it yourself before use.
Version:
Install
Copy the install package below, then paste it into Muse📌 Pinned version: commit 063bee9Before you start: read this whole install prompt, tell me in a few lines what this skill does and what installing it involves, and wait for my go-ahead before you do anything else. Prerequisites — None — no account, no key, no payment, and no script in its folder. It is a knowledge-only skill: at use time the agent reads its rule files while working on my own React Native or Expo code, nothing is installed into my project and nothing is contacted. Libraries its rules recommend are advice for my own project code, not something the skill installs. Install "React Native Skills" for me. It gives the agent best practices for performant React Native and Expo apps: virtualise large lists with FlashList and keep list items light and memoised, animate only transform and opacity on the GPU, prefer native stack and tab navigators, use native UI patterns (expo-image, Galeria lightboxes, Pressable, native menus and modals, safe-area handling), minimise state subscriptions and use dispatcher and fallback patterns, wrap text in Text components and avoid falsy conditional rendering, and keep native dependencies and single versions straight in a monorepo. Its folder holds the main SKILL.md (frontmatter name vercel-react-native-skills), 36 detailed rule files, a compiled AGENTS.md, a README and a metadata file. Repository: https://github.com/vercel-labs/agent-skills (the skill is the whole skills/react-native-skills/ folder at the pinned commit: SKILL.md plus 41 companion files, 42 files in total) Pinned version: install the code at commit 063bee94c3f4df8453406c830b0a7df0f2860278 exactly. Do not substitute a newer version. If this commit is unreachable, stop and tell me. 1. Clone https://github.com/vercel-labs/agent-skills into a temporary folder, check out commit 063bee94c3f4df8453406c830b0a7df0f2860278, and copy the skills/react-native-skills/ folder from that checkout. Then compare every file in the folder with the fingerprints recorded for this listing on 2026-10-22: [FINGERPRINTS] - AGENTS.md: SHA-256 72996343b8260800fbeb9af63ddaed91f14b65dc547e0922f9f8e9bd72076cbf - README.md: SHA-256 d60d7623005a833b928be6a109ed9d14dea43d7217fb534e8f2e4de5fc1f0ddf - SKILL.md: SHA-256 4012750a5ccbe064ca04af3835d5d1b011979d2d09d9b6df1c8128fac58e0a66 - metadata.json: SHA-256 59ee2274cadbd95b2220727028f0dbc26d3e0251e7937226edc9e7640756ba21 - rules/_sections.md: SHA-256 21d7445e92bd7d393b420118c3fb9ebbf30aaf123a15143afb6c0b1b562cfdfd - rules/_template.md: SHA-256 99df2a3ea088c6c22de2484ddc7e964d0e9923846f44c63380343ecc64455442 - rules/animation-derived-value.md: SHA-256 689228e9d59227934f296563963951aa9368be0afb2a188f650de161203b1862 - rules/animation-gesture-detector-press.md: SHA-256 69408d4be669e74689d865c5f50a22fc3a802d521fe493371761abd20526e58e - rules/animation-gpu-properties.md: SHA-256 f885e4179445da27cbc225e0a4aa3ed9016fc3507ca6f864392ba7a9d0bd7516 - rules/design-system-compound-components.md: SHA-256 dcb10900a58fcf57cca2e27c062d02df2325a7949e08fb45e9e05cc2b132b1a6 - rules/fonts-config-plugin.md: SHA-256 b92568774064a604e7a479d4c8d7263aed5609740e9161d2f2764bfff761905d - rules/imports-design-system-folder.md: SHA-256 aa6337f7f2869a46a9141ec65e02c3da5c3bf051023899b82e0f0aef5bff8423 - rules/js-hoist-intl.md: SHA-256 b4b08622465ffcd5e5961878eb8c6d7359aa242d16c990b59941c9111962fe46 - rules/list-performance-callbacks.md: SHA-256 db800e9dfe0080eb4954b96e2a362ee8344d08e08b1ed06bc8059450f3e6f0dd - rules/list-performance-function-references.md: SHA-256 b54470e41d578b207ee3223f6853efb7fbf8e5f83d9aecf8da16989072f99544 - rules/list-performance-images.md: SHA-256 e88f16ac113c29230d674b7aa2c66c31d5772a74b1ea378d48a97b1143fe6c19 - rules/list-performance-inline-objects.md: SHA-256 e2a80aac0f29c6abaf0163c1cc273d09cc8a0030ec077ca2022bbf5c309e4625 - rules/list-performance-item-expensive.md: SHA-256 a68cc8ec5dba3c55761bd5df9dfd3d98485f63076868d3e03af15f1e58907ce3 - rules/list-performance-item-memo.md: SHA-256 38ec1d149ee485434d11c2b9e2101dfc914afadae4a0738ca905f26b05f708c1 - rules/list-performance-item-types.md: SHA-256 eed225f4e9e504bfa7db01f5395d1402545cc47de8adf1829a9408cd5d158cf6 - rules/list-performance-virtualize.md: SHA-256 98cad308118acb4d6e8e975c0168ce56e2d48ca52ed47f23bc9a30667c066ada - rules/monorepo-native-deps-in-app.md: SHA-256 8368b109027fcec1b8a81bfb99718aef2b64edaba77107f73d7c465cc5a14217 - rules/monorepo-single-dependency-versions.md: SHA-256 61c01b9eaab1e319bf078204231fb573bdfea3c43a6eb99e7ef73ee95d474ccc - rules/navigation-native-navigators.md: SHA-256 6642dedb57e72f0b56df5fbc3d5b8aaa91fc4456932c12712cfd076d393f32c6 - rules/react-compiler-destructure-functions.md: SHA-256 8048926a4fa3fbd28fc0ecf4ba4c383a2f0ed06c2fd7330dd4a15d7f4e548044 - rules/react-compiler-reanimated-shared-values.md: SHA-256 3174303a72b6849ff0eda5cd9f9650f26baa5f31ed28d35a75076af714fb2ffc - rules/react-state-dispatcher.md: SHA-256 7ec5b653e3ff8d9ca97d8d66981cce5590c0e49fa79ab708fd6324542b588870 - rules/react-state-fallback.md: SHA-256 eb76e386d71680bfdfc0ab64dba1221f4d3d0fdcb4980bb4a871381d58e9e58b - rules/react-state-minimize.md: SHA-256 31b989de61defda1c61d8578c4700efd64a427218c3f3dbb7062a1666e1cbe43 - rules/rendering-no-falsy-and.md: SHA-256 7300fa45ac3a4968db144727a21052421bc62de9b5e9f6f59e28bd16d2fff001 - rules/rendering-text-in-text-component.md: SHA-256 fc67897b6126b6b5574f4d284a6c5b2282528fe89de8ec08e6cfd2a86ab5b235 - rules/scroll-position-no-state.md: SHA-256 70aa1ee679e755556d7b01b326431fe898d3c23ddba40d0da6bdac23c87a1525 - rules/state-ground-truth.md: SHA-256 9f3efc73d2e66a5deb3199c9774f42524cd6a0f69784af38301946be5d747cb5 - rules/ui-expo-image.md: SHA-256 c3c13cce3dd2cc7f8a9b4861e5743af98f62e28f5699f72f492e79a335cfae55 - rules/ui-image-gallery.md: SHA-256 b34d1ba03710ed9622187716541ae618968e7d03bc28895c2ac918d3cc5853f1 - rules/ui-measure-views.md: SHA-256 170d058abc4900ea9e851e54f5e8b437ffffc2c9d3847ae35e30a515c8990c3d - rules/ui-menus.md: SHA-256 5964adbecfe9aeb28d736a4eaacec6469a1c4ca3f48779d243eb38b6d181cfe9 - rules/ui-native-modals.md: SHA-256 d803493b3046ad31cbb2c189f1fffb948fd0055050e3c322589bd548421e23a8 - rules/ui-pressable.md: SHA-256 52cdbad127d713d7d32c59ef74ab1bbd6dca211edc9b25993453f7f4545e79fa - rules/ui-safe-area-scroll.md: SHA-256 3dd776caef2344d73529010940b50042861d06d31a192122a4df64bc06aed0e8 - rules/ui-scrollview-content-inset.md: SHA-256 89e4bbe5e9a602660f4155e9d4c0dee09db1adf21c73f47213cd67ec896e5a13 - rules/ui-styling.md: SHA-256 cdef4d8b1a097b844e5992ab78e66a2dc604faf1e90f8d325a0eb116e8ef6a7e If a file does not match, it changed since the listing was prepared: do not install it yet, tell me what you found and let me decide. 2. Read SKILL.md in full, and tell me in plain words: what the skill does when used, what it connects to, whether it reads or sends any personal information or credentials, and anything that seems unusual. Stop on any red flag and tell me before going further. Confirm these points from the files: - The skill folder holds 42 files and no executable code: SKILL.md (frontmatter name vercel-react-native-skills), AGENTS.md (the compiled full guide), README.md, metadata.json, a sections overview and a rule template under rules/, and 36 rule files. There is no script to run, at install time or at use time. - Nothing is sent anywhere during installation itself; the only download at install time is the skill folder from GitHub at the pinned commit. - At use time the agent only reads these rule files while working on my own React Native or Expo project, locally. No service is contacted, no library is installed by the skill, and no personal information or credentials are read or sent. - Do not apply any rule, do not change any component, and do not use the skill in any way during this install: using it is a separate step that only starts when I ask for React Native work later. 3. When I say "yes, install", install it as a skill: copy the whole react-native-skills folder into the agent's skills directory, in a folder named exactly "react-native-skills", keeping its 42 files in their original relative layout (SKILL.md at its root). 4. Verify with no network calls: frontmatter valid (name: vercel-react-native-skills), the 42 files in place with matching fingerprints. Do not run anything from the folder and do not use the skill to verify. 5. Report what was installed, where, and what I still need to do myself (for example: that it is knowledge-only, covers React Native and Expo only, and that using it is a separate step that only starts when I ask for React Native work). GitHub is optional: if I have a GitHub account or the gh CLI, you may use it; otherwise public access is fine. Never require it unless it's in the prerequisites above. Rules: don't touch anything outside the temp folder and the install target. If anything looks off, stop and ask me.
Saved to your recent installs. Find it anytime on /connect.
🔒 Security, provenance and what this touches
The install prompt below already includes the vetting steps: your agent follows the community checklist before installing anything with executable code. Want more?
Questions
How do I install a build?
Every product page includes a copy-paste install prompt. Paste it into your Muse and it sets the build up for you — no manual configuration.
Where does my money go?
Straight to the seller. Skill Harbor never processes payments: checkout happens on the seller’s own page, usually Stripe.
What does the ✓ next to a creator’s name mean?
It means we confirmed the identity of the person behind the listing. It says nothing about the code itself — always check a build before installing it.