Claude React Agents

Claude React Agents

Professional Claude Code configuration for React Next.js and React Native Expo projects.

Turn Claude Code into a senior developer with SOLID principles, clean architecture, and production-ready patterns.

---

Installation

npx claude-react-agents init

That's it. The CLI will auto-detect your project type and install the right configuration.

Options

Command	Description
npx claude-react-agents init	Interactive setup (recommended)
npx claude-react-agents init --web	Next.js configuration only
npx claude-react-agents init --mobile	Expo/React Native only
npx claude-react-agents init --yes	Skip prompts, install both
npx claude-react-agents init --force	Overwrite existing config

---

What You Get

Agents (AI Specialists)

Agent	What it does
code-reviewer	Reviews code for quality, security, SOLID violations
architect	Designs system architecture, makes tech decisions
tester	Writes tests, analyzes coverage, fixes failures
refactorer	Improves code without changing behavior
nextjs-developer	Next.js App Router, RSC, Server Actions expert
api-developer	API routes, validation, error handling
expo-developer	Expo Router, React Native components
native-module-developer	Custom native modules, EAS Build

Skills (Commands)

Command	What it does
/commit	Creates conventional commit messages
/review	Reviews staged changes or specific files
/test	Runs tests and analyzes results
/new-page	Creates Next.js page with loading/error states
/new-api	Creates API route with Zod validation
/new-component	Creates React component with tests
/new-screen	Creates Expo screen with navigation
/new-feature	Creates full feature module (clean architecture)

Rules (Auto-Applied)

• **TypeS