typescript-react-reviewer — скилл для Claude Code: ревью React 19
Скилл для ревью кода на TypeScript и React 19: находит антипаттерны, ошибки хуков и проблемы типизации. Пригодится перед мержем PR.
npx skills add dotneet/claude-code-marketplace --skill typescript-react-reviewer -a claude-codeЧто делает typescript-react-reviewer
Скилл разбирает код по трём уровням приоритета. Критичные проблемы блокируют мерж: производное состояние в useEffect, забытая очистка эффекта, мутация состояния через .push() или .splice(), условные вызовы хуков, key={index} в динамических списках, any без обоснования. Отдельно ловятся ошибки React 19: useFormStatus в том же компоненте, что и <form>, всегда возвращает false, а промис, созданный внутри рендера для use(), даёт бесконечный цикл.
Внутри — таблицы с паттернами и разбором, почему каждый из них ломает приложение, плюс справочные документы: references/react19-patterns.md про новые хуки и границы Server/Client Components, references/antipatterns.md с каталогом антипаттернов и исправлениями, references/checklist.md для полного прохода по коду. Есть краткий гид по выбору стейт-менеджера: серверные данные — TanStack Query, простой глобальный UI-стейт — Zustand, локальный — useState/useReducer.
Скилл советует включить в tsconfig.json флаги strict, noUncheckedIndexedAccess, noImplicitReturns и exactOptionalPropertyTypes. Без noUncheckedIndexedAccess обращение arr[i] не проверяется на undefined, и часть красных флагов по типам пройдёт мимо ревью. Ставится одной командой через npx skills add, файл скилла ложится в каталог платформы.
Какие задачи решает
- найти антипаттерны React в присланном PR
- отловить производное состояние, спрятанное в
useEffect - проверить типизацию и найти необоснованные
any - разобрать ошибки новых хуков React 19
- оценить, где живёт состояние и не дублируется ли серверное в локальном
Примеры запросов агенту
- сделай ревью этого компонента на TypeScript и React 19
- проверь PR на антипаттерны хуков и мутации состояния
- пройди по чек-листу ревью и оцени, где стоит хранить это состояние
Как установить typescript-react-reviewer
1Через Skills CLI (Vercel)
npx skills add dotneet/claude-code-marketplace --skill typescript-react-reviewer -a claude-code2Вручную: положить файлы
~/.claude/skills/typescript-react-reviewer/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/typescript-react-reviewer/
1Через Skills CLI (Vercel)
npx skills add dotneet/claude-code-marketplace --skill typescript-react-reviewer -a codex2Вручную: положить файлы
.agents/skills/typescript-react-reviewer/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add dotneet/claude-code-marketplace --skill typescript-react-reviewer -a cursor2Вручную: положить файлы
.cursor/skills/typescript-react-reviewer/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install dotneet/claude-code-marketplace typescript-react-reviewer2Вручную: положить файлы
.github/skills/typescript-react-reviewer/SKILL.md1Через Skills CLI (Vercel)
npx skills add dotneet/claude-code-marketplace --skill typescript-react-reviewer -a gemini-cli2Командой платформы
gemini skills install https://github.com/dotneet/claude-code-marketplace --path review-tool/skills/typescript-react-reviewerВручную: положить файлы
.devin/skills/typescript-react-reviewer/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add dotneet/claude-code-marketplace --skill typescript-react-reviewer -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о typescript-react-reviewer
Как установить typescript-react-reviewer в Claude?
Выполните npx skills add dotneet/claude-code-marketplace --skill typescript-react-reviewer -a claude-code. После этого скилл окажется в ~/.claude/skills/typescript-react-reviewer/SKILL.md.
Что делает typescript-react-reviewer?
Проверяет код на TypeScript и React 19 по уровням приоритета: критичные проблемы, которые блокируют мерж, проблемы высокого приоритета и замечания по архитектуре. Отдельно разбирает ошибки хуков React 19 и типизацию.
Какие платформы поддерживаются?
Кроме Claude есть установка для Codex, Cursor, GitHub Copilot, Gemini CLI и OpenCode. Для Copilot команда другая: gh skill install dotneet/claude-code-marketplace typescript-react-reviewer.