syncfusion-react-dropdown-tree — скилл для Claude Code
Помогает агенту реализовать React Dropdown Tree для иерархического выбора, чекбоксов и фильтрации. Пригодится для локальных и удалённых данных.
npx skills add syncfusion/react-ui-components-skills --skill syncfusion-react-dropdown-tree -a claude-codeЧто делает syncfusion-react-dropdown-tree
Скилл помогает собрать компонент Syncfusion React Dropdown Tree: дерево раскрывается внутри выпадающего списка, а пользователь выбирает один или несколько узлов. Он охватывает иерархические и само-связанные данные, отображение выбранных значений, фильтрацию и настройку поведения дерева.
Внутри есть инструкции по локальной и удалённой привязке, DataManager и адаптерам OData, загрузке дочерних узлов по запросу, шаблонам элементов и событиям change, select, filtering и popup. Также разобраны клавиатурная навигация, RTL, локализация и WAI-ARIA.
Для больших наборов данных пригодится loadOnDemand, а для иерархических чекбоксов — autoCheck. Удалённая интеграция завязана на DataManager и подходящий адаптер, поэтому это нужно учесть до реализации.
Какие задачи решает
- вывести иерархические данные в выпадающем списке
- дать пользователю множественный выбор через чекбоксы
- загружать дочерние узлы по запросу
- добавить поиск по узлам дерева
- связать дерево с удалённым OData-источником
Примеры запросов агенту
- Реализуй Dropdown Tree для категорий с выбором нескольких узлов и синхронизацией родительских чекбоксов.
- Добавь фильтрацию дерева с загрузкой дочерних элементов по запросу.
- Настрой React Dropdown Tree для удалённых данных через OData, RTL и клавиатурную навигацию.
Как установить syncfusion-react-dropdown-tree
1Через Skills CLI (Vercel)
npx skills add syncfusion/react-ui-components-skills --skill syncfusion-react-dropdown-tree -a claude-code2Вручную: положить файлы
~/.claude/skills/syncfusion-react-dropdown-tree/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/syncfusion-react-dropdown-tree/
1Через Skills CLI (Vercel)
npx skills add syncfusion/react-ui-components-skills --skill syncfusion-react-dropdown-tree -a codex2Вручную: положить файлы
.agents/skills/syncfusion-react-dropdown-tree/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add syncfusion/react-ui-components-skills --skill syncfusion-react-dropdown-tree -a cursor2Вручную: положить файлы
.cursor/skills/syncfusion-react-dropdown-tree/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install syncfusion/react-ui-components-skills syncfusion-react-dropdown-tree2Вручную: положить файлы
.github/skills/syncfusion-react-dropdown-tree/SKILL.md1Через Skills CLI (Vercel)
npx skills add syncfusion/react-ui-components-skills --skill syncfusion-react-dropdown-tree -a gemini-cli2Командой платформы
gemini skills install https://github.com/syncfusion/react-ui-components-skills --path skills/syncfusion-react-dropdown-treeВручную: положить файлы
.devin/skills/syncfusion-react-dropdown-tree/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add syncfusion/react-ui-components-skills --skill syncfusion-react-dropdown-tree -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о syncfusion-react-dropdown-tree
Как установить syncfusion-react-dropdown-tree в Claude Code?
Выполни npx skills add syncfusion/react-ui-components-skills --skill syncfusion-react-dropdown-tree -a claude-code, затем проверь файл ~/.claude/skills/syncfusion-react-dropdown-tree/SKILL.md.
Что делает syncfusion-react-dropdown-tree?
Скилл помогает реализовать Syncfusion React Dropdown Tree для выбора узлов иерархии в выпадающем списке. Он охватывает чекбоксы, фильтрацию, шаблоны, события, удалённые данные и доступность.
Работает ли скилл с удалёнными данными?
Да. В нём описана привязка через DataManager и адаптеры OData, OData V4, WebAPI и URL, включая загрузку узлов по запросу.
