diff --git a/CLAUDE.md b/CLAUDE.md index a4a77f29..d5649ac5 100644 --- a/CLAUDE.md +++ b/CLAUDE.md @@ -77,5 +77,6 @@ Use the following skills when working on related files: |---------|-------| | `README.md` | `/readme` | | `.github/workflows/*.yml` | `/ci-workflow` | +| `*.tsx`, `*.jsx`, `components/**` | `react-patterns`, `react-testing` — for React-specific work invoke `/react-review`, `/react-build`, `/react-test` | When spawning subagents, always pass conventions from the respective skill into the agent's prompt. diff --git a/agent.yaml b/agent.yaml index 658ad362..adcbf37c 100644 --- a/agent.yaml +++ b/agent.yaml @@ -122,6 +122,9 @@ skills: - quarkus-tdd - quarkus-verification - ralphinho-rfc-pipeline + - react-patterns + - react-performance + - react-testing - regex-vs-llm-structured-text - repo-scan - returns-reverse-logistics @@ -212,6 +215,9 @@ commands: - prune - python-review - quality-gate + - react-build + - react-review + - react-test - refactor-clean - resume-session - review-pr diff --git a/config/project-stack-mappings.json b/config/project-stack-mappings.json index 04e66747..46fe11e3 100644 --- a/config/project-stack-mappings.json +++ b/config/project-stack-mappings.json @@ -58,10 +58,14 @@ "indicators": [ { "file": "package.json", "contains": "\"react\":" } ], - "rules": ["common", "typescript", "web"], + "rules": ["common", "typescript", "web", "react"], "skills": [ "coding-standards", "frontend-patterns", + "react-patterns", + "react-performance", + "react-testing", + "accessibility", "tdd-workflow", "verification-loop" ], diff --git a/docs/COMMAND-REGISTRY.json b/docs/COMMAND-REGISTRY.json index 0f9e4de2..06e25726 100644 --- a/docs/COMMAND-REGISTRY.json +++ b/docs/COMMAND-REGISTRY.json @@ -1,6 +1,6 @@ { "schemaVersion": 1, - "totalCommands": 75, + "totalCommands": 78, "commands": [ { "command": "aside", @@ -624,6 +624,52 @@ ], "path": "commands/python-review.md" }, + { + "command": "react-build", + "description": "Fix React build failures (Vite, webpack, Next.js, CRA, Parcel, esbuild, Bun) incrementally — JSX/TSX compile errors, hydration mismatches, server/client component boundary failures, missing types. Invokes the react-build-resolver agent for minimal, surgical fixes.", + "type": "testing", + "primaryAgents": [ + "react-build-resolver" + ], + "allAgents": [ + "react-build-resolver" + ], + "skills": [ + "react-patterns", + "frontend-patterns" + ], + "path": "commands/react-build.md" + }, + { + "command": "react-review", + "description": "Comprehensive React/JSX code review for hook correctness, render performance, server/client component boundaries, accessibility, and React-specific security. Invokes the react-reviewer agent (and typescript-reviewer alongside on TSX/JSX changes).", + "type": "testing", + "primaryAgents": [ + "react-reviewer" + ], + "allAgents": [ + "react-reviewer", + "typescript-reviewer" + ], + "skills": [ + "react-patterns", + "react-testing", + "accessibility" + ], + "path": "commands/react-review.md" + }, + { + "command": "react-test", + "description": "Enforce TDD workflow for React. Write React Testing Library tests first (behavior-focused, accessibility-first), then implement components. Detects Vitest or Jest and verifies coverage targets.", + "type": "testing", + "primaryAgents": [], + "allAgents": [], + "skills": [ + "react-testing", + "tdd-workflow" + ], + "path": "commands/react-test.md" + }, { "command": "quality-gate", "description": "Run the ECC quality pipeline for a file or project scope and report remediation steps.",