vercel-react-native-skills
Optimize React Native Apps
React Native apps can suffer from slow lists, janky animations, and platform mistakes. This skill gives Codex, Claude, and Claude Code concise rules for performant Expo and React Native work.
Install with my Agent
Copy this request to your Agent. It includes the canonical Skill page and manifest.
Review the Skillstore skill "vercel-react-native-skills" from https://skillstore.io/skills/vercel-labs-vercel-react-native-skills.md and its manifest at https://skillstore.io/api/skills/vercel-labs-vercel-react-native-skills/manifest. Verify the artifact. You may proceed after verification, subject to the environment's own policy.Your Agent should still show its plan and request any confirmation required by the security policy.
Agent-readable resources
Use these links when an AI agent, crawler, or script needs clean context instead of reading the full page.
Test it
Using "vercel-react-native-skills". A feed screen renders every item inside a scrolling container.
Expected outcome:
- Replace full upfront rendering with a virtualized list.
- Keep item props primitive when possible.
- Move expensive fetching and derived work to the parent.
Using "vercel-react-native-skills". A button changes width during press feedback.
Expected outcome:
The skill would recommend transform or opacity animation, with press state handled through GestureDetector for smoother UI-thread feedback.
Using "vercel-react-native-skills". A monorepo adds a native dependency to a shared package.
Expected outcome:
The skill would advise installing the native dependency in the app package and keeping versions aligned across the workspace.
Security Audit
SafeI adjudicated all 118 static findings as false positives. The flagged items are Markdown rule names, code examples, reference URLs, or React Native terms in documentation, not executable commands, credential handling, keylogging, system reconnaissance, or network operations. No semantic prompt injection or data-exfiltration intent was found in the reviewed files.
Risk Factors
โ๏ธ External commands (60)
๐ Network access (8)
๐ Filesystem access (1)
Share & cite this report
Share the versioned assessment report, neutral badge, embed card, and citations. Skillstore reports evidence without deciding whether this Skill is safe.
Copy report link
https://skillstore.io/skills/vercel-labs-vercel-react-native-skills/audits/5?utm_source=security_passport&utm_medium=share&utm_campaign=versioned_reportMarkdown badge
[](https://skillstore.io/skills/vercel-labs-vercel-react-native-skills?utm_source=security_passport_badge)HTML badge
<a href="https://skillstore.io/skills/vercel-labs-vercel-react-native-skills?utm_source=security_passport_badge"><img src="https://skillstore.io/badges/skills/vercel-labs-vercel-react-native-skills/security.svg" alt="Skillstore security assessment" loading="lazy"></a>Embed card
<iframe src="https://skillstore.io/embed/skills/vercel-labs-vercel-react-native-skills.html" title="Skillstore Security Assessment" sandbox="allow-popups allow-popups-to-escape-sandbox" loading="lazy" referrerpolicy="no-referrer" width="420" height="180"></iframe>Academic citations (APA ยท BibTeX ยท CFF)
APA citation
vercel-labs. (2026). vercel-react-native-skills security audit report (audit version 5) [Author version 1.0.0]. Skillstore. https://skillstore.io/skills/vercel-labs-vercel-react-native-skills/audits/5BibTeX citation
@techreport{vercel-labs-vercel-labs-vercel-react-native-skills-2026,
author = {vercel-labs},
title = {vercel-react-native-skills security audit report (audit version 5)},
institution = {Skillstore},
year = {2026},
number = {5},
url = {https://skillstore.io/skills/vercel-labs-vercel-react-native-skills/audits/5},
note = {Author version 1.0.0}
}CITATION.cff
cff-version: 1.2.0
message: "If you use this Skill, cite its author and this versioned security audit report."
title: "vercel-react-native-skills security audit report (audit version 5)"
version: "1.0.0"
type: report
authors:
- name: "vercel-labs"
date-released: "2026-07-09"
url: "https://skillstore.io/skills/vercel-labs-vercel-react-native-skills/audits/5"
identifiers:
- type: other
value: "skillstore:vercel-labs-vercel-react-native-skills:audit:5"
description: "Skillstore immutable audit report identifier"
Skillstore Score
Why this score Evidence Confidence: HighWhat You Can Build
Review Performance Risks
A mobile developer asks Claude or Codex to inspect a screen for slow lists, expensive items, and unsafe rendering.
Plan Expo Architecture
A tech lead uses the skill to choose navigation, image, font, and dependency patterns before implementation.
Refactor UI Components
A design system maintainer applies rules for Pressable, safe areas, modals, menus, and compound components.
Try These Prompts
Review this React Native component against the skill rules. Focus on rendering safety, state, images, and obvious performance issues.
Audit this list screen for virtualization, item weight, object references, callbacks, image sizing, and item type handling.
Refactor these animation and press interactions using Reanimated guidance. Prefer transform, opacity, derived values, and GestureDetector patterns.
Create a migration plan for this Expo app using the skill. Prioritize rendering, lists, navigation, state architecture, and native dependency placement.
Best Practices
- Use the skill before writing list screens, animation code, or navigation structure.
- Pair the rules with profiling when a change affects scroll or gesture performance.
- Ask for rule citations when applying guidance to a large refactor.
Avoid
- Treating the rules as a substitute for testing on real devices.
- Applying every recommendation without checking the project architecture.
- Using full upfront rendering for repeatable list content.
Frequently Asked Questions
Does this skill modify my app automatically?
Which projects fit this skill?
Can Claude Code or Codex use it for reviews?
Does it require React Compiler?
Does it cover security hardening?
How current are the recommendations?
Developer Details
Author
vercel-labsLicense
MIT
Author version
v1.0.0
Skillstore revision
r1
Ref
26421118b848d9f1efc0aa169d8a7a9e7e0a877e
Maintenance freshness
7/18/2026
Usage
14 downloads ยท 220 views
File structure
๐ rules/
๐ _sections.md
๐ _template.md
๐ animation-derived-value.md
๐ animation-gesture-detector-press.md
๐ animation-gpu-properties.md
๐ design-system-compound-components.md
๐ imports-design-system-folder.md
๐ js-hoist-intl.md
๐ list-performance-callbacks.md
๐ list-performance-function-references.md
๐ list-performance-images.md
๐ list-performance-inline-objects.md
๐ list-performance-item-expensive.md
๐ list-performance-item-memo.md
๐ list-performance-item-types.md
๐ list-performance-virtualize.md
๐ monorepo-native-deps-in-app.md
๐ monorepo-single-dependency-versions.md
๐ navigation-native-navigators.md
๐ react-compiler-destructure-functions.md
๐ react-compiler-reanimated-shared-values.md
๐ react-state-dispatcher.md
๐ rendering-no-falsy-and.md
๐ rendering-text-in-text-component.md
๐ scroll-position-no-state.md
๐ ui-expo-image.md
๐ ui-image-gallery.md
๐ ui-measure-views.md
๐ ui-menus.md
๐ ui-native-modals.md
๐ ui-pressable.md
๐ ui-scrollview-content-inset.md
๐ ui-styling.md
๐ AGENTS.md
๐ metadata.json
๐ README.md
๐ SKILL.md