React Senior Code Review

Senior-level architecture review of one React feature with file:line findings and fixes.

Door the-senior-dev · the-senior-dev/senior-dev-skills

Getest · Werkt ★ 9.6/10

React Senior Code Review — Senior-level architecture review of one React feature with file:line findings and fixes.

Wat het doet

Reviews a React feature's architecture (not lint/tests/pixels) across structure, state/data flow, performance, types/forms/a11y, and styling/motion, producing severity-tagged findings with file:line, a two-sentence why, and a concrete fix snippet. Triggers on "review this React feature", "senior review", "senior dev review", or `/react-senior-code-review <path>`.

Testrapport

Ran it on a deliberately messy TodoList.tsx: it correctly escalated the mouse-only row-toggle to CRITICAL (keyboard users can't interact at all) — a severity call the untargeted baseline review missed entirely — and every other finding shipped with file:line, a rubric-matched severity, and a real fix snippet.

Getest op: 2026-07-15 · Claude Code 2.x (agent harness)

Installatie

git clone https://github.com/the-senior-dev/senior-dev-skills.git
mkdir -p ~/.claude/skills
cp -r senior-dev-skills/skills/react-senior-code-review ~/.claude/skills/react-senior-code-review

Commando's en voorbeeldprompts

  • /react-senior-code-reviewSenior-level architecture review of one React feature with file:line findings and fixes.

Skills reageren op gewone verzoeken — geen commando's om te onthouden. Na installatie activeren prompts zoals deze de skill (in het Engels):

  • Can you do a senior review of my checkout feature's architecture?
  • Review this React feature at src/features/todo-list for structural issues
  • Give my component a senior-level review with file and line references