React Native performance, Metro bundler optimization, FlatList/ScrollView guidance, Expo vs bare workflow decision matrix, and React Navigation patterns for Claude Code.
[!WARNING] This repo is deprecated. It has been merged into petro-nazarenko/claude-skills — a mega-bundle with 55+ checks across React Native and WCAG 2.2.
New install command:
/plugin marketplace add petro-nazarenko/claude-skills /plugin install react-native-best-practices@claude-skillsThis repo remains functional but will not receive updates. Please migrate.
A Claude skill for React Native performance, architecture, and platform-specific best practices.
Automatically activates when you ask Claude about:
cp -r react-native-best-practices/ ~/.claude/skills/
# Download and extract
unzip react-native-best-practices.skill -d ~/.claude/skills/react-native-best-practices/
git clone https://github.com/petro-nazarenko/mobile-skills.git ~/.claude/skills/react-native-best-practices
Once installed, Claude automatically uses this skill when relevant:
"My FlatList with 500 items is slow — how do I fix it?"
→ Reads references/flatlist-vs-scrollview.md, provides getItemLayout + windowSize fix
"Should I use Expo or bare React Native for a fintech app?"
→ Reads references/expo-vs-bare.md, walks through decision matrix
"My Metro bundler takes 3 minutes for a cold build. Help."
→ Reads references/metro-bundler.md, suggests Hermes + inlineRequires + cache config
"Audit my Platform.OS usage for Android bugs."
→ Reads references/platform-specific-code.md, provides grep audit commands
"Set up deep linking for myapp:// scheme in React Navigation."
→ Reads references/navigation-patterns.md, provides full linking config
cd tests/
chmod +x run_tests.sh
./run_tests.sh
Requires: jq, claude CLI
MIT
Own this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimOwn this plugin?
Verify ownership to unlock analytics, metadata editing, and a verified badge. GitHub access is read-only (username + org membership).
Sign in to claimBased on adoption, maintenance, documentation, and repository signals. Not a security audit or endorsement.
npx claudepluginhub petro-nazarenko/mobile-skills --plugin react-native-best-practicesWCAG 2.2 AA/AAA accessibility auditing, ARIA roles audit, color contrast detection, screen reader compatibility, and automated fix suggestions for frontend codebases.
Mega-bundle skill collection: React Native best practices (Metro, FlatList, Expo, React Navigation) and WCAG 2.2 accessibility auditing (ARIA, color contrast, screen reader compatibility) — one install, all 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.
Use this agent when you need expert assistance with React Native development tasks including code analysis, component creation, debugging, performance optimization, or architectural decisions. Examples: <example>Context: User is working on a React Native app and needs help with a navigation issue. user: 'My stack navigator isn't working properly when I try to navigate between screens' assistant: 'Let me use the react-native-dev agent to analyze your navigation setup and provide a solution' <commentary>Since this is a React Native specific issue, use the react-native-dev agent to provide expert guidance on navigation problems.</commentary></example> <example>Context: User wants to create a new component that follows the existing app structure. user: 'I need to create a custom button component that matches our app's design system' assistant: 'I'll use the react-native-dev agent to create a button component that aligns with your existing codebase structure and design patterns' <commentary>The user needs React Native component development that should follow existing patterns, so use the react-native-dev agent.</commentary></example>
React Native upgrade workflow covering updated templates, dependencies, and common pitfalls. Use when migrating a React Native app to a newer release.
Complete AI coding agent harness for React Native and Expo — 13 agents, 22 commands, 7 skills, 10 MCP integrations, autonomous worker mode, visual debugging, smart routing
React Native & Expo development workflow: skills library for Claude Code with TDD, debugging, collaboration patterns, and proven techniques
Use this agent when you need expert assistance with React Native development tasks including code analysis, component creation, debugging, performance optimization, or architectural decisions. Examples: <example>Context: User is working on a React Native app and needs help with a navigation issue. user: 'My stack navigator isn't working properly when I try to navigate between screens' assistant: 'Let me use the react-native-dev agent to analyze your navigation setup and provide a solution' <commentary>Since this is a React Native specific issue, use the react-native-dev agent to provide expert guidance on navigation problems.</commentary></example> <example>Context: User wants to create a new component that follows the existing app structure. user: 'I need to create a custom button component that matches our app's design system' assistant: 'I'll use the react-native-dev agent to create a button component that aligns with your existing codebase structure and design patterns' <commentary>The user needs React Native component development that should follow existing patterns, so use the react-native-dev agent.</commentary></example>