agentrigs
+ submit rig
~ / rigs / aleolidev / claude-react-kit

aleolidev/claude-react-kit

Drop-in Claude Code config for React: clean architecture, compaction resilience, deterministic hooks

↗ GitHub ★ 2 MIT updated 7mo ago project Claude Code
share on X
ARCHETYPE
Automator
Hooks on every lifecycle event: format, lint, notify, log.
CONTEXT TAX · EVERY TURN
~702 tokens
Featherweight · median rig: 2.3k · breakdown
GUARDRAILS
3/5
Protects secrets · Pre-tool screening hook · No YOLO mode · details

Copy this rig

# review before running: this installs third-party code
$ npx degit aleolidev/claude-react-kit/.claude ./rig-claude-react-kit  # inspect, then merge into .claude/

MCP servers are added to Claude Code at local scope; env vars are shown as YOUR_… placeholders — we never store values. Files are fetched with degit into a separate folder so you can review before merging.

$ npx degit aleolidev/claude-react-kit/.claude/skills/audit-architecture .claude/skills/audit-architecture
$ npx degit aleolidev/claude-react-kit/.claude/skills/scaffold-feature .claude/skills/scaffold-feature
$ npx degit aleolidev/claude-react-kit/.claude/skills/setup .claude/skills/setup

Merge into .claude/settings.json (project) or ~/.claude/settings.json (user). Hook commands reference scripts in the source repo — copy those too.

{
  "permissions": {
    "deny": [
      "Read(.env)",
      "Read(.env.*)",
      "Edit(.env)",
      "Edit(.env.*)"
    ]
  },
  "hooks": {
    "PreToolUse": [
      {
        "matcher": "Edit|Write",
        "hooks": [
          {
            "type": "command",
            "command": "bash \"$CLAUDE_PROJECT_DIR/.claude/hooks/protect-files.sh\""
          }
        ]
      }
    ]
  }
}

Skills (3)

audit-architecturescaffold-featuresetup

Hooks (5)

eventmatcherruns
SessionStartcompactbash "$CLAUDE_PROJECT_DIR/.claude/hooks/post-compact-context.sh"
PreToolUseEdit|Writebash "$CLAUDE_PROJECT_DIR/.claude/hooks/protect-files.sh"
PostToolUseEdit|Writebash "$CLAUDE_PROJECT_DIR/.claude/hooks/validate-architecture.sh"
PreCompact*bash "$CLAUDE_PROJECT_DIR/.claude/hooks/pre-compact-save.sh"
Stop*Before finishing, verify: (1) Did you make code changes? If yes, did you run type-check and confirm zero new errors? (2) Did any file you edited create a cross-feature import? If code was changed and type-check was NOT run, respond with {"d

Permissions

deny (4)
Read(.env)
Read(.env.*)
Edit(.env)
Edit(.env.*)
ask (0)
—
allow (10)
Bash(npm run type-check)
Bash(npm run lint)
Bash(npm run lint:fix)
Bash(npm run test *)
Bash(npm run build)
Bash(git status)
Bash(git diff *)
Bash(git log *)
Bash(git add *)
Bash(git commit *)

Similar rigs

nizos/tdd-guard
Automated TDD enforcement for Claude Code
★ 2,353 project Claude Code 1 skills 25d ago
Minimalist 1.3k tok ·
terranc/claude-telegram-bot-bridge
A lightweight Telegram bot that bridges Claude Code to any local folder, with autostart support for remote mobile development.
★ 134 project Claude Code 1 skills 4mo ago
Minimalist 2.1k tok ·
stefanoginella/aicontainer
Sandboxed devcontainer for running Claude Code, Codex, and OpenCode in bypass / auto-approve mode.
★ 20 project Claude CodeCodex 1 skills 4d ago
Pragmatist 13.0k tok ·
MrTig-afk/claude-remote
Claude Code on your PC, started from your phone, with your full setup intact.
★ 7 project Codex 1 skills 4d ago
Pragmatist 2.8k tok ·
copied ✓