martinacostadev

Claude React Agents — Development skill for Claude Code

Development community

Claude Agents, Skills and more for React Next.js and React Native Expo.

How to install Claude React Agents

This entry records only its repository, not the path inside it, so there is no exact command to give. Open martinacostadev/claude-react-agents and copy the folder into ~/.claude/skills/, or the file into ~/.claude/agents/.

What Claude React Agents does

Claude Agents, Skills and more for React Next.js and React Native Expo.

Alternatives in Development

Web Artifacts Builder — Build complex claude.ai HTML artifacts using React, Tailwind CSS, and shadcn/ui 94.1k ★
Stitch React Components — Stitch to React components conversion 2.6k ★
Astro — Astro 5.x components, routing, collections, i18n, SEO, Tailwind, React islands, transitions 2.6k ★

README

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)