JSPM

  • Created
  • Published
  • Downloads 241
  • Score
    100M100P100Q114487F
  • License MIT

Complete AI coding agent harness for React Native and Expo development

Package Exports

    This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (erne-universal) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

    Readme

    ๐Ÿ—๏ธ ERNE โ€” Everything React Native & Expo

    The complete AI coding agent harness for React Native and Expo โ€” 11 specialized agents, adaptive stack detection, multi-agent orchestration, and a pixel-art dashboard. Every config is generated to match your exact project setup.

    npm version GitHub stars License: MIT PRs Welcome


    โšก Quick Start

    npx erne-universal init

    This will:

    1. ๐Ÿ” Deep-scan your project โ€” detects 15 stack dimensions (state management, navigation, styling, lists, images, forms, storage, testing, build system, component style, monorepo, New Architecture, and more)
    2. ๐ŸŽš๏ธ Let you choose a hook profile (minimal / standard / strict)
    3. ๐Ÿ”Œ Select MCP integrations (simulator control, GitHub, etc.)
    4. โš™๏ธ Generate adaptive configuration โ€” selects from 24 variant templates matched to your exact stack (Zustand vs Redux, Expo Router vs React Navigation, NativeWind vs StyleSheet, etc.)

    ๐Ÿ“ฆ What's Included

    Component Count Description
    ๐Ÿค– Agents 11 Specialized AI agents for architecture, development, review, testing, UI, native, orchestration
    ๐Ÿ”€ Agent variants 9 Stack-adaptive agent configurations (StyleSheet vs NativeWind, Zustand vs Redux, etc.)
    โšก Commands 19 Slash commands for every React Native workflow
    ๐Ÿ“ Rule layers 5 Conditional rules: common, expo, bare-rn, native-ios, native-android
    ๐ŸŽฏ Rule variants 15 Stack-specific rules selected by deep detection (state, navigation, styling, security, etc.)
    ๐Ÿ›ก๏ธ Hook profiles 3 Minimal, standard, strict โ€” quality enforcement your way
    ๐Ÿ“š Skills 7 Reusable knowledge modules loaded on-demand
    ๐ŸŽญ Contexts 3 Behavior modes: dev, review, vibe
    ๐Ÿ”Œ MCP configs 10 Pre-configured server integrations
    ๐Ÿ“‹ Workflow examples 4 End-to-end multi-agent workflow guides
    ๐Ÿค Handoff templates 4 Structured agent-to-agent context passing

    ๐ŸŽฎ Agent Dashboard

    ERNE includes a real-time pixel-art dashboard that visualizes all 11 agents working in an animated office environment.

    erne dashboard              # Start on port 3333, open browser
    erne dashboard --port 4444  # Custom port
    erne dashboard --no-open    # Don't open browser
    erne start                  # Init project + dashboard in background

    Features:

    • ๐Ÿข 4 office rooms โ€” Development, Code Review, Testing, and Conference
    • ๐ŸŽจ 11 animated agent sprites with walking, typing, and done animations
    • ๐Ÿ’ฌ Thought bubbles showing the current task above working agents
    • ๐Ÿ–ฅ๏ธ Animated monitor screens (green code when working, screensaver when idle)
    • ๐Ÿ”” Toast notifications for agent start/complete events
    • ๐Ÿ“Š Bottom stats bar with session duration, tasks completed, working/planning counts
    • ๐Ÿ‘ค Agent detail overlay with full activity history (click any agent)
    • ๐ŸŽฏ Pipeline orchestrator coordination view in conference room
    • ๐Ÿ”„ Real-time WebSocket updates with auto-reconnect

    ๐ŸŽฏ Multi-Agent Orchestration

    ERNE supports coordinated multi-agent workflows through the pipeline orchestrator:

    /orchestrate "build user profile screen"

    Pipeline phases:

      ๐Ÿ—๏ธ Plan          architect decomposes the task
           โ†“
      โšก Implement     senior-developer + feature-builder (parallel)
           โ†“
      ๐Ÿงช Test          tdd-guide writes and runs tests
           โ†“
      ๐Ÿ” Review        code-reviewer validates with evidence
           โ†“
      ๐Ÿ“Š Validate      performance-profiler checks performance

    Features retry logic (max 3 attempts), escalation to user on persistent failures, and structured handoff templates for context passing between agents. See Pipeline Documentation for details.


    ๐Ÿค– Agents

    Each agent has a distinct personality, quantified success metrics, and memory integration for cross-session learning.

    Agent Emoji Domain Room
    architect ๐Ÿ—๏ธ System design and project structure Development
    senior-developer ๐Ÿ‘จโ€๐Ÿ’ป End-to-end feature implementation, screens, hooks, API Development
    feature-builder โšก Focused implementation units, works in parallel Development
    native-bridge-builder ๐ŸŒ‰ Turbo Modules and native platform APIs Development
    expo-config-resolver โš™๏ธ Expo configuration and build issues Development
    ui-designer ๐ŸŽจ Accessible, performant UI components Development
    code-reviewer ๐Ÿ” Code quality with evidence-based approval Code Review
    upgrade-assistant ๐Ÿ“ฆ Version migration guidance Code Review
    tdd-guide ๐Ÿšฆ Test-driven development workflow Testing
    performance-profiler ๐ŸŽ๏ธ FPS diagnostics and bundle optimization Testing
    pipeline-orchestrator ๐ŸŽฏ Multi-agent workflow coordination Conference

    ๐Ÿ’ฐ Token Efficiency

    ERNE's architecture is designed to minimize token usage through six layered mechanisms:

    Mechanism How it works Savings
    Profile-gated hooks Minimal profile runs 4 hooks instead of 16 ~31%
    Conditional rules Only loads rules matching your project type (Expo, bare RN, native) ~26%
    On-demand skills Skills load only when their command is invoked, not always in context ~12%
    Subagent isolation Fresh agent per task with only its own definition + relevant rules ~12%
    Task-specific commands 19 focused prompts instead of one monolithic instruction set ~13%
    Context-based behavior Modes change behavior dynamically without loading new rulesets ~3%

    Result: Typical workflows use 60โ€“67% fewer tokens compared to a naive all-in-context approach.


    ๐Ÿ›ก๏ธ Hook Profiles

    Profile Hooks Use Case
    minimal 4 โšก Fast iteration, vibe coding โ€” maximum speed, minimum friction
    standard 12 โš–๏ธ Balanced quality + speed (recommended) โ€” catches real issues
    strict 16 ๐Ÿ”’ Production-grade enforcement โ€” full security, accessibility, perf budgets

    Change profile: set ERNE_PROFILE env var, add <!-- Hook Profile: standard --> to CLAUDE.md, or use /vibe context.


    โšก Commands

    Category Commands
    Core /plan, /code-review, /tdd, /build-fix, /perf, /upgrade, /native-module, /navigate, /code, /feature
    Extended /animate, /deploy, /component, /debug, /quality-gate
    Orchestration /orchestrate
    Learning /learn, /retrospective, /setup-device

    ๐Ÿ–ฅ๏ธ IDE & Editor Support

    ERNE works with every major AI coding assistant out of the box:

    File IDE / Tool
    CLAUDE.md Claude Code
    AGENTS.md Codex, Windsurf, Cursor, GitHub Copilot
    GEMINI.md Google Antigravity
    .cursorrules Cursor
    .windsurfrules Windsurf
    .github/copilot-instructions.md GitHub Copilot

    All config files are generated adaptively based on your project's detected stack.


    ๐Ÿ—๏ธ Architecture

    Claude Code Hooks โ”€โ”€โ–ถ run-with-flags.js โ”€โ”€โ–ถ Profile gate โ”€โ”€โ–ถ Hook scripts
                                                    โ”‚
                                         โ”Œโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”ดโ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”
                                         โ”‚   Only hooks for    โ”‚
                                         โ”‚   active profile    โ”‚
                                         โ”‚   are executed      โ”‚
                                         โ””โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”€โ”˜
    
    erne dashboard โ”€โ”€โ–ถ HTTP + WS Server โ”€โ”€โ–ถ Browser Canvas
                            โ–ฒ
    Claude Code PreToolUse โ”€โ”ค  (Agent pattern)
    Claude Code PostToolUse โ”˜

    Key design principles:

    • ๐Ÿชถ Zero runtime dependencies for the harness itself (ws package only for dashboard)
    • ๐ŸŽฏ Conditional loading โ€” rules, skills, and hooks load based on project type and profile
    • ๐Ÿงน Fresh subagent per task โ€” no context pollution between agent invocations
    • ๐Ÿ”‡ Silent failure โ€” hooks never block Claude Code if something goes wrong

    ๐Ÿค Contributing

    We welcome contributions from everyone โ€” from typo fixes to new agents and skills.

    I want to... Start here
    ๐Ÿ› Report a bug Bug Report
    ๐Ÿ’ก Request a feature Feature Request
    ๐Ÿ“š Propose a new skill Skill Proposal
    ๐Ÿ”€ Submit a PR Contributing Guide
    git checkout -b feat/your-feature
    npm run validate && npm test   # Must pass before PR

    ๐Ÿค Partnerships

    Skills, agents, and MCP configs are open source โ€” anyone can add them via PR. Partnerships are for deeper collaboration:

    Partnership Type What It Means
    Co-Maintenance You keep your library's ERNE skill up to date as your API evolves
    Early Access We update ERNE before your breaking changes ship, so users never hit stale guidance
    Joint Promotion Your docs recommend ERNE for AI-assisted development, we feature you on erne.dev
    Domain Expertise Co-develop specialized agents that require deep knowledge of your platform

    If you maintain a React Native library, Expo tool, or developer service โ€” let's talk.


    ๐Ÿ“ฆ Available On


    ๐Ÿ“– Documentation

    Doc Description
    Getting Started Installation and first run
    Agents Guide All 11 agents with domains and usage
    Commands Reference All 19 slash commands
    Hooks & Profiles Hook system and 3 profiles
    Creating Skills Author your own skills
    Pipeline & Orchestration Multi-agent workflow coordination
    Memory Integration Cross-session learning with MCP
    Handoff Templates Structured agent-to-agent context
    Contributing How to contribute

    ๐Ÿ“œ License

    MIT License โ€” use freely, commercially or personally.


    ๐Ÿ—๏ธ ERNE โ€” Your React Native AI Dream Team ๐Ÿ—๏ธ

    โญ Star this repo ยท ๐Ÿด Fork it ยท ๐Ÿ› Report an issue ยท ๐ŸŒ erne.dev

    Made with โค๏ธ for the React Native community