syncfusion-react-data-manager — скилл для Claude Code
Генерирует код привязки данных и CRUD через Syncfusion DataManager в React. Останавливает генерацию и запрашивает тип адаптера, если эндпоинт указан без протокола.
npx skills add syncfusion/react-ui-components-skills --skill syncfusion-react-data-manager -a claude-codeЧто делает syncfusion-react-data-manager
Скилл помогает ИИ-агентам строить логику работы с источниками данных через библиотеку Syncfusion DataManager. Он поддерживает локальные массивы и удалённые сервисы: REST API, OData v3/v4, GraphQL, ASP.NET Web API и ASMX. Для запросов формируются цепочки методов класса Query: фильтрация, сортировка, группировка, выборка полей и пагинация.
Главное правило скилла — обязательное согласование адаптера. Если вы передали URL сервиса, но не уточнили протокол бэкенда, агент остановит генерацию и покажет шаблон выбора между UrlAdaptor, WebApiAdaptor, ODataV4Adaptor или другими вариантами. Без вашего подтверждения код не создаётся.
Сгенерированный код настраивает пакетные операции saveChanges(), перехватчики applyPreRequestMiddlewares и локальный кеш через enableCache. При удалённой привязке скилл требует использовать только HTTPS, хранить адреса в переменных и валидировать ответы сервера.
Какие задачи решает
- подключить React-компоненты к REST, OData или GraphQL
- настроить пакетное редактирование и CRUD-операции через DataManager
- добавить клиентскую фильтрацию, сортировку и пагинацию
- реализовать кеширование и офлайн-режим работы с данными
Примеры запросов агенту
- Подключи Grid к OData v4 эндпоинту
https://myserver/odata/employeesчерез DataManager - Настрой DataManager для локального массива с фильтрацией и кешированием через
Query - Добавь авторизационные заголовки к запросам DataManager с помощью
applyPreRequestMiddlewares
Как установить syncfusion-react-data-manager
1Через Skills CLI (Vercel)
npx skills add syncfusion/react-ui-components-skills --skill syncfusion-react-data-manager -a claude-code2Вручную: положить файлы
~/.claude/skills/syncfusion-react-data-manager/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/syncfusion-react-data-manager/
1Через Skills CLI (Vercel)
npx skills add syncfusion/react-ui-components-skills --skill syncfusion-react-data-manager -a codex2Вручную: положить файлы
.agents/skills/syncfusion-react-data-manager/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add syncfusion/react-ui-components-skills --skill syncfusion-react-data-manager -a cursor2Вручную: положить файлы
.cursor/skills/syncfusion-react-data-manager/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install syncfusion/react-ui-components-skills syncfusion-react-data-manager2Вручную: положить файлы
.github/skills/syncfusion-react-data-manager/SKILL.md1Через Skills CLI (Vercel)
npx skills add syncfusion/react-ui-components-skills --skill syncfusion-react-data-manager -a gemini-cli2Командой платформы
gemini skills install https://github.com/syncfusion/react-ui-components-skills --path skills/syncfusion-react-data-managerВручную: положить файлы
.devin/skills/syncfusion-react-data-manager/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add syncfusion/react-ui-components-skills --skill syncfusion-react-data-manager -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о syncfusion-react-data-manager
Как установить syncfusion-react-data-manager в Claude Code?
Выполните команду npx skills add syncfusion/react-ui-components-skills --skill syncfusion-react-data-manager -a claude-code. Файл конфигурации появится по пути ~/.claude/skills/syncfusion-react-data-manager/SKILL.md.
Что делает syncfusion-react-data-manager?
Он направляет агента при написании кода для Syncfusion DataManager в React: подключении адаптеров, формировании запросов Query, CRUD-операциях и middleware.
Почему агент останавливает генерацию при передаче URL?
В скилле заложено защитное правило: если передан адрес без явного указания протокола, агент обязан сначала согласовать подходящий адаптер с разработчиком.
