React Senior Code Review

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

par the-senior-dev · the-senior-dev/senior-dev-skills

Testé · Fonctionne ★ 9.6/10

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

Ce que fait

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>`.

Rapport de test

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.

Testé le: 2026-07-15 · Claude Code 2.x (agent harness)

Installation

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

Commandes et exemples de prompts

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

Les skills se déclenchent sur des demandes en langage courant — aucune commande à retenir. Après installation, des prompts comme ceux-ci l'activent (en anglais) :

  • 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