React Senior Code Review

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

di the-senior-dev · the-senior-dev/senior-dev-skills

Promosso ★ 9.6/10

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

Cosa fa

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

Rapporto di 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.

Testato il: 2026-07-15 · Claude Code 2.x (agent harness)

Installazione

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

Comandi e prompt di esempio

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

Gli skill si attivano con richieste in linguaggio naturale, senza comandi da ricordare. Dopo l'installazione, prompt come questi lo attivano (in inglese):

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

Rapporto completo →