React Senior Code Review

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

von the-senior-dev · the-senior-dev/senior-dev-skills

Getestet · Funktioniert ★ 9.6/10

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

Was es kann

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

Testbericht

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.

Getestet am: 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

Befehle & Beispiel-Prompts

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

Skills reagieren auf normale Anfragen — keine Slash-Befehle nötig. Nach der Installation aktivieren Prompts wie diese den Skill (auf Englisch):

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

Vollständiger Testbericht (Englisch) →