Reactive Data Client — плагин
Плагин навыков Reactive Data Client учит Claude Code, Cursor и Codex подключать библиотеку и работать со схемами, REST и хуками.
- 2 041 ★ репозитория
- Последний коммит
- Apache-2.0
Минимальный доступ
Почему такой уровень
- Setup-навык запускает менеджер пакетов и меняет `package.json`, остальное только читает.
Установка
- Работает в
Ручная установка
npx skills add reactive/data-client --skill data-client-setup -yСтавит setup-навык, затем агент читает `.agents/skills/data-client-setup/SKILL.md`.
Доступ и проверки
Как мы проверяемМинимальный доступИнструмент ничего не запускает и не ходит в сеть.
- Setup-навык запускает менеджер пакетов и меняет `package.json`, остальное только читает.
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
Плагин состоит из двух навыков. `data-client` стартует любую задачу в приложении с Data Client и направляет агента к нужному навыку: схемы, REST-эндпоинты, хуки React, композиторы Vue, тесты, менеджеры реального времени. `data-client-setup` запускается по просьбе: определяет фреймворк (NextJS, Expo, React Native, Vue, обычный React) и протокол (REST, GraphQL, другой асинхронный код), сообщает, какие пакеты поставит, и подключает провайдер. Остальные навыки лежат внутри пакетов `@data-client/*`, поэтому совпадают с установленной версией. Setup-навык связывает их с папкой `.agents/skills` проекта командой `npx --no data-client-skills`. У плагина нет хуков, MCP-серверов и собственных скриптов, данные он никуда не отправляет.
Для кого. Разработчики React и Vue, которые поручают агенту данные с сервера: загрузку, кеш, мутации и обновления в реальном времени.
Подходит, если
- В проект на NextJS добавляют кеш серверных данных, и агент должен выбрать пакеты сам.
- Эндпоинт REST описывают схемой, чтобы мутации обновляли список без ручных функций.
- Тесты компонентов с хуками данных пишет агент по правилам библиотеки.
- Проект переходит на версию 0.19, где навыки поставляются вместе с пакетами.
Не подходит, если
- В проекте другая библиотека серверного состояния и менять ее не планируют.
- Агенту запрещено запускать менеджер пакетов.
- Нужен только справочник по API, а не подключение через агента.
Пример запроса к агенту
Подключи Data Client в этот NextJS-проект и опиши эндпоинт списка задач схемой, затем покажи, какие пакеты добавлены.Ограничения
Навыки охватывают только Data Client. Setup-навык запускает менеджер пакетов и ставит пакеты `@data-client/*`, поэтому проверьте изменения в `package.json` и lock-файле. Проекты на версиях старше 0.19 ставят навыки через CLI `skills`. Плагин подключается к Claude Code, Cursor и Codex разными командами, единой для всех нет. Если агент не умеет запускать менеджер пакетов, подключение придется выполнить вручную по документации библиотеки.
Как отключить. Удалите плагин командами своего агента и снимите ссылки в `.agents/skills`, если setup-навык их создал. Пакеты `@data-client/*` убирают менеджером пакетов.
Частые вопросы
Как подключить плагин в Claude Code?
Выполните `claude plugin marketplace add reactive/data-client --scope project --sparse .claude-plugin .agents/skills`, затем `claude plugin install data-client@data-client --scope project`.
Как поставить в Cursor и Codex?
В Cursor введите в чате агента `/add-plugin data-client@https://github.com/reactive/data-client`. Для Codex есть пара команд `codex plugin marketplace add` и `codex plugin add data-client@data-client`.
Что запускает setup-навык?
Менеджер пакетов проекта и команду `data-client-skills` из установленных пакетов. Она работает только с тем, что уже стоит, и ничего не скачивает.
Отправляет ли плагин данные?
Нет. Хуков, MCP-серверов и собственных скриптов в нем нет, данные никуда не уходят.
Как запустить setup вручную?
В Claude Code `/data-client:data-client-setup`, в Cursor `/data-client-setup`, в Codex `$data-client:data-client-setup`.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
ПлагиныСвязывает запущенный фронтенд с агентом: клик по элементу ведет к строке кода, а агент видит живой DOM, пропсы и состояние.
CLI, который дает агенту смотреть работающее приложение на React: дерево компонентов, props, state, hooks и профилирование рендеров
Панель разметки для React-страниц: клик по элементу дает агенту селектор и контекст, скиллы настраивают подключение и сами ведут критику интерфейса
Плагин из 30 скиллов по Vue, Nuxt и NuxtHub для Claude Code, Codex, Cursor и Copilot с подключением MCP-сервера Nuxt
Скиллы Next.js
Next.js skills
Официальный плагин Claude Code из репозитория Next.js: переход на Cache Components, Partial Prefetching и проверка изменений на живом dev-сервере
ReactUse MCP — справочник React-хуков
ReactUse MCP
MCP-сервер ReactUse: агент находит нужный React-хук и читает его описание, пример и таблицу API прямо из библиотеки
Коротко о README
Раздел «Coding agent setup» советует вставить в чат агента просьбу подключить библиотеку: он сам поставит setup-навык и прочитает его. Для тех, кто хочет плагин, даны команды Claude Code, Cursor и Codex.