rn-dev-agent

A Claude Code plugin that turns Claude into a React Native development partner. It explores your codebase, designs architecture, implements features, then verifies everything live on the simulator.

Get Started Browse 38 Tools

What it does

Live Verification

After implementing a feature, Claude connects to your running app via CDP, navigates to the screen, checks the component tree, exercises interactions, and confirms store state — no “trust me it works.”

38 MCP Tools

19 CDP tools for React internals (component tree, store state, navigation), 14 device tools for native interaction (tap, swipe, type), and 5 testing/composite tools (Maestro, proof capture).

8-Phase Pipeline

/rn-feature-dev runs discovery, exploration, questions, architecture, implementation, live verification, code review, and E2E proof — from description to verified code.

46 Best Practices

Built-in rules for crash prevention, list performance, animations, state management, and UI patterns. Checked during architecture design and code review.

Quick install

# Inside Claude Code
/plugin marketplace add Lykhoyda/rn-dev-agent
/plugin install rn-dev-agent@Lykhoyda-rn-dev-agent
/reload-plugins

Then navigate to your React Native project and start building:

/rn-dev-agent:rn-feature-dev add a shopping cart with badge, item list, and checkout flow

Benchmarks

Real measurements from the test app (30 stories completed):

Feature complexity	Time	Crashes	Manual interventions
Simple (search, toggle, store)	3-5 min	0	0
Medium (forms, charts, lists)	5-10 min	0	0
Complex (3-step wizard, onboarding)	11-25 min	0	0

Libraries tested: react-hook-form, zod, @tanstack/react-query, @gorhom/bottom-sheet, @shopify/flash-list, zustand, react-native-svg, expo-notifications, react-native-reanimated, react-native-gesture-handler, expo-haptics