no-use-effect · alejandrobailo — скилл для Claude Code: что делает и как установить
Запрещает прямой вызов useEffect в коде на React и React Native, заменяя его вычисляемым состоянием, обработчиками событий и кастомными хуками.
npx skills add alejandrobailo/no-use-effect --skill no-use-effect -a claude-code
npx skills add alejandrobailo/no-use-effect --skill alejandrobailo-no-use-effect -a claude-codeЧто делает no-use-effect
Скилл следит за кодовой базой на React и React Native, накладывая жёсткий запрет на вызов useEffect внутри компонентов. Вместо бесконечной синхронизации состояния правило заставляет агента применять альтернативные решения: вычислять данные прямо в теле функции или через useMemo, передавать сетевые запросы библиотекам вроде TanStack Query или хуку use(), а действия пользователя запускать строго в обработчиках событий.
Для сброса состояния формы или медиаплеера скилл требует указывать проп key, чтобы задействовать штатное перемонтирование React. Прямой вызов эффекта допускается исключительно внутри специализированных утилит вроде useMountEffect для интеграции со сторонними библиотеками. Попытка заглушить зацикливание эффекта через костыль с useRef считается грубой архитектурной ошибкой.
Какие задачи решает
- устранить лишние циклы рендера за счёт вычислений на месте
- избавиться от гонок данных при ручных сетевых запросах
- перенести логику отправки форм из эффектов в обработчики событий
- заменить флаги в
useRefна чистые хуки монтирования
Примеры запросов агенту
- Перепиши компонент карточки товара без использования useEffect
- Сделай сброс формы профиля при смене userId через ключ key, а не через эффект
- Проверь этот экран на React Native и уязвимости с гонками данных в хуках
Как установить no-use-effect
1Через Skills CLI (Vercel)
npx skills add alejandrobailo/no-use-effect --skill no-use-effect -a claude-codenpx skills add alejandrobailo/no-use-effect --skill alejandrobailo-no-use-effect -a claude-code2Вручную: положить файлы
~/.claude/skills/alejandrobailo-no-use-effect/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/alejandrobailo-no-use-effect/
1Через Skills CLI (Vercel)
npx skills add alejandrobailo/no-use-effect --skill alejandrobailo-no-use-effect -a codex2Вручную: положить файлы
.agents/skills/alejandrobailo-no-use-effect/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add alejandrobailo/no-use-effect --skill alejandrobailo-no-use-effect -a cursor2Вручную: положить файлы
.cursor/skills/alejandrobailo-no-use-effect/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install alejandrobailo/no-use-effect alejandrobailo-no-use-effect2Вручную: положить файлы
.github/skills/alejandrobailo-no-use-effect/SKILL.md1Через Skills CLI (Vercel)
npx skills add alejandrobailo/no-use-effect --skill alejandrobailo-no-use-effect -a gemini-cli2Командой платформы
gemini skills install https://github.com/alejandrobailo/no-use-effectВручную: положить файлы
.devin/skills/alejandrobailo-no-use-effect/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add alejandrobailo/no-use-effect --skill alejandrobailo-no-use-effect -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о no-use-effect
Как установить no-use-effect в Claude Code?
Выполните в терминале команду npx skills add alejandrobailo/no-use-effect --skill no-use-effect -a claude-code. Агент подключит правило и начнёт применять его при создании и правке компонентов.
Что делает скилл no-use-effect?
Он блокирует прямое использование хука useEffect внутри компонентов React и React Native. Взамен агент предлагает вычисляемые пропсы, события кнопок, кэширующие библиотеки и явные ключи монтирования.
Разрешает ли скилл писать useEffect внутри кастомных хуков?
Да, прямой вызов разрешён исключительно внутри переиспользуемых хуков вроде useMountEffect для интеграции со сторонними виджетами или подписками браузера.
Похожие скиллы
Всё по теме «Фронтенд и UI» →Сначала — no-use-effect от других авторов.
