React Senior Code Review

Arkitekturgranskning på seniornivå av en React-funktion med file:line-fynd och fixar.

av the-senior-dev · the-senior-dev/senior-dev-skills

Testad · Fungerar ★ 9.6/10

React Senior Code Review — Arkitekturgranskning på seniornivå av en React-funktion med file:line-fynd och fixar.

Vad den gör

Granskar en React-funktions arkitektur (inte lint/tester/pixlar) över struktur, state/dataflöde, prestanda, typer/formulär/a11y, och styling/motion, producerar allvarlighetsgrad-taggade fynd med file:line, en två-menings varför, och ett konkret fix-klipp. Triggers på "review this React feature", "senior review", "senior dev review", eller `/react-senior-code-review <path>`.

Testrapport

Körde den på en avsiktligt rörig TodoList.tsx: den eskalerade korrekt mus-bara rad-växlingen till KRITISK (tangentbordsanvändare kan inte interagera alls) — ett allvarlighetsgrad-anrop som den otriggade baslinje-granskningen missade helt — och varje annat fynd levererades med file:line, en rubric-matchad allvarlighetsgrad, och ett riktigt fix-klipp.

Testad: 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

Kommandon och exempelprompter

/react-senior-code-reviewArkitekturgranskning på seniornivå av en React-funktion med file:line-fynd och fixar.

Skills triggas av vanliga förfrågningar — inga kommandon att memorera. Efter installationen aktiverar prompter som dessa skillen (på engelska):

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

Läs hela rapporten →