rn-dev-agent

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.”

Live introspection MCP tools

CDP tools for React internals (component tree, store state, navigation, profiling), device tools for native interaction (tap, swipe, type, scroll), testing tools for replay and proof capture, and Macro-Asserts for state-assertive checks.

Replayable actions

Saved app flows in .rn-agent/actions/ that replay in seconds. The plugin records them automatically when verification passes; the agent uses them as prologues (e.g. login) before doing new work. Learn more.

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 (35 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