reflex-docs — скилл для Claude Code: документация Reflex под рукой
Подгружает справочник Reflex в контекст агента, чтобы тот писал компоненты, State и обработчики событий по актуальной документации, а не по устаревшим знаниям из обучения.
npx skills add reflex-dev/agent-skills --skill reflex-docs -a claude-codeЧто делает reflex-docs
Скилл добавляет в контекст агента карту документации Reflex: разделы про компоненты, State и Vars, события, страницы и маршрутизацию, стилизацию, базу данных, ассеты, аутентификацию, клиентское хранилище, API-роуты, обёртки над React и библиотеку компонентов. Внутри — таблица ссылок на официальные страницы и краткая выжимка по ключевым понятиям.
Смысл в том, что знания модели о Reflex могут отставать от текущей версии фреймворка. Скилл прямо советует опираться на справочник, а не на предобученные данные, поэтому агент чаще идёт проверять документацию. Работает он в проектах на чистом Python: Reflex строит фулстек-веб-приложения без JavaScript.
Полезен, когда вы пишете .py-файлы с import reflex или спрашиваете про rx.State, rx.var, rx.event, rx.cond и rx.foreach. Без этого скилла агент отвечает по памяти — это повод проверять его подсказки по API, если версия Reflex у вас свежая.
Какие задачи решает
- собрать страницу на
rx.*-компонентах без выдуманных пропсов - описать State с базовыми и вычисляемыми переменными
- связать обработчик события с
on_clickилиon_change - настроить маршрут с динамическим сегментом
[slug] - подключить таблицы через SQLModel и написать запросы
Примеры запросов агенту
- Сделай страницу на Reflex с формой логина и состоянием для ошибок
- Почему у меня не обновляется computed var в Reflex?
- Оберни React-компонент в Reflex и покажи, как передать пропсы
Как установить reflex-docs
1Через Skills CLI (Vercel)
npx skills add reflex-dev/agent-skills --skill reflex-docs -a claude-code2Вручную: положить файлы
~/.claude/skills/reflex-docs/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/reflex-docs/
1Через Skills CLI (Vercel)
npx skills add reflex-dev/agent-skills --skill reflex-docs -a codex2Вручную: положить файлы
.agents/skills/reflex-docs/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add reflex-dev/agent-skills --skill reflex-docs -a cursor2Вручную: положить файлы
.cursor/skills/reflex-docs/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install reflex-dev/agent-skills reflex-docs2Вручную: положить файлы
.github/skills/reflex-docs/SKILL.md1Через Skills CLI (Vercel)
npx skills add reflex-dev/agent-skills --skill reflex-docs -a gemini-cli2Командой платформы
gemini skills install https://github.com/reflex-dev/agent-skills --path skills/reflex-docsВручную: положить файлы
.devin/skills/reflex-docs/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add reflex-dev/agent-skills --skill reflex-docs -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Из того же набора3
Похожие
Рядом в теме «Языки программирования»
Все скиллы по теме «Языки программирования» →Вопросы о reflex-docs
Как установить reflex-docs в Claude?
Выполните npx skills add reflex-dev/agent-skills --skill reflex-docs -a claude-code. После этого файл скилла появится по пути ~/.claude/skills/reflex-docs/SKILL.md.
Что делает reflex-docs?
Подкладывает агенту ссылки на документацию Reflex и краткую выжимку по State, Vars, событиям, компонентам, стилизации и базе данных. Агент сверяется с ней вместо устаревших знаний из обучения.
Когда скилл вообще загружается?
Когда вы работаете с Reflex: пишете .py-файлы с import reflex или спрашиваете про rx.State, Vars, EventHandlers и компоненты.
