Vercel React Native Skills
Mobile UI performance and pattern rules for React Native/Expo: FlashList, GPU-safe animations, navigation, Pressable/expo-image, safe areas, and more.
Overview
Vercel React Native Skills is a Claude skill catalogued in LimeDock Directories for teams working across engineering, design, product. It is tagged for saas, marketplace, healthtech, other contexts. Mobile UI performance and pattern rules for React Native/Expo: FlashList, GPU-safe animations, navigation, Pressable/expo-image, safe areas, and more. Use this page as the operational brief: install path, how to invoke it, copy-paste prompts, prerequisites, and concrete use cases so your team can adopt it without re-reading every roundup article.
Work with LimeDock
Using this skill? LimeDock can wire it into a durable automation you own.
Skills show what's possible. LimeDock builds and runs the owned marketing, sales, and ops automations around them.
We sell owned automations for SaaS teams — live workflows that plug into Slack, CRM, and your internal platform — not just a skill list.
Link
Installation guide
cp -r vercel-labs/agent-skills/skills/react-native-skills ~/.claude/skills/Generic install paths
CLI
npx skills add https://github.com/vercel-labs/agent-skills/tree/main/skills/react-native-skills**Claude Code plugins** (when published as a marketplace skill)
/plugin marketplace add <org/repo>
/plugin install <skill>@<marketplace>**Manual** — copy the skill folder into `~/.claude/skills/react-native-skills/` or your project `.claude/skills/`.
Always review `SKILL.md` and bundled scripts before enabling.
How to use it
Ask why a FlatList janks, request animation/navigation reviews, or optimize Expo UI patterns.
**Suggested workflow** 1. Install and enable the skill. 2. Open the target project (or Claude.ai chat) with enough product context. 3. Invoke with a clear goal, constraints, and success criteria. 4. Review the first output against your standards; refine with follow-ups. 5. Save winning prompts / outputs into your team playbook.
If Claude does not auto-select it, mention the skill by name: “Use the Vercel React Native Skills skill…”
Example prompts
- “Use the Vercel React Native Skills skill for this task: Fix slow FlatList scrolling”
- “Walk me through how Vercel React Native Skills would approach this step by step, then execute.”
- “Review my current draft/plan and improve it using Vercel React Native Skills. Call out assumptions.”
- “Produce a checklist I can reuse whenever we run Vercel React Native Skills on similar work.”
Use cases and examples
- Fix slow FlatList scrolling
- GPU-accelerate page transitions
- Adopt FlashList + memoized items
- Review Expo app performance
- First-week trial of Vercel React Native Skills on a real engineering workflow
- Document a reusable prompt template for Vercel React Native Skills for your team
Prerequisites
- Claude Code, Claude.ai (Skills enabled), or an Agent Skills–compatible host
- Network access if the skill fetches guidelines or calls external tools
- Project or brand context (CLAUDE.md / product notes) for better outputs
- Permission to install third-party skills — audit SKILL.md and scripts first
Tips
- Keep descriptions/triggers tight so Vercel React Native Skills fires only when relevant (avoids context tax).
- Prefer one sharp job over a mega-skill that tries to do everything.
- Pair with verification (tests, review, screenshots) before shipping outputs.
- Re-audit installed skills monthly — unused skills still cost context every turn.