AI-powered development toolkit with 7 production agents for React Native/Expo mobile apps. Automates accessibility, design systems, security, performance, and testing. Built for Claude Code v2.0.5+
A production-ready system of 7 core AI agents (20-agent design) + 3 slash commands + automation hooks for building React Native mobile apps faster with fewer bugs.
π± Built specifically for React Native/Expo mobile development. While the system can be adapted for other frameworks, all agents, prompts, and workflows are optimized for iOS/Android mobile app development.
The agent harness performance optimization system. Skills, instincts, memory, security, and research-first development for Claude Code, Codex, Opencode, Cursor and beyond.
As a developer building production Expo/React Native apps, I faced recurring challenges that slowed development and caused production issues:
The Problems:
β Design inconsistencies - Hardcoded colors and spacing slipping through code review
β Accessibility violations - App Store rejections due to WCAG non-compliance
β Package version conflicts - "Works on my machine" issues breaking builds
β Performance regressions - Discovered too late, after users complained
β Security vulnerabilities - Found in production instead of development
β Manual code reviews - Taking 2-3 hours per feature
The Solution:
Instead of relying on manual checks and memory, I built a systematic, AI-powered approach using Claude Code's agent system.
What This Represents:
100+ hours of research into Claude Code agent architecture
Production experience with React Native best practices (2025)
Real pain points from shipping 3 mobile apps to App Stores
Proven patterns that reduced bugs by 35% and development time by 50%
The Result:
A complete agent system that catches issues before code review, ensures accessibility compliance, prevents version conflicts, and maintains performance budgets automatically.
This isn't theoretical - it's battle-tested on production apps with 10K+ users.
# Run the installer
cd claude-code-expo-system\scripts
.\install-agents.ps1
# It will ask you:
# 1οΈβ£ Project-scoped (team sync) OR 2οΈβ£ Global (personal use)?
Or skip prompts with parameters:
# Force project scope (no prompts)
.\install-agents.ps1 -Scope project
# Force global scope (no prompts)
.\install-agents.ps1 -Scope global
3. Test It
cd /path/to/your/expo-project
claude
> Check accessibility of my components
π Documentation
| File | Purpose | Read Time |
|------|---------|-----------|
| START-HERE.md | Quick start guide | 5 min |
| COMPLETE-GUIDE.md | Full reference manual | 30-60 min |
π€ What You Get
7 Core Agents (Included - Ready to Use)
These cover 80% of daily mobile development needs:
Tier S: Meta Orchestration
β Grand Architect - Meta-orchestrator for complex features
Tier 1: Daily Workflow (Essential)
β Design Token Guardian - Design system enforcement
cd claude-code-expo-system\scripts
.\install-agents.ps1
# You'll see a menu:
# 1οΈβ£ Project-Scoped (team sync via git)
# 2οΈβ£ Global (personal use everywhere)
# Choose 1 or 2, press Enter
# If project: confirms package.json found, asks to proceed
# Installs to the correct location
Non-Interactive Mode (Skip Prompts)
For automation or when you know what you want:
Project-Scoped (Recommended for Teams)
Agents installed in project's .claude/ folder
Version-controlled, team-shared via git
# Navigate to your Expo/React Native project
cd C:\path\to\your\expo-project
# Force project scope (no prompts)
C:\path\to\claude-code-expo-system\scripts\install-agents.ps1 -Scope project
