syncfusion-react-menu — скилл для Claude Code: меню и установка
Скилл помогает агенту собрать меню Syncfusion для React: иерархию, выпадающие пункты и контекстные действия. Пригодится для навигации и мобильных меню.
npx skills add syncfusion/react-ui-components-skills --skill syncfusion-react-menu -a claude-codeЧто делает syncfusion-react-menu
Скилл описывает настройку MenuComponent из @syncfusion/ej2-react-navigations. Он помогает создавать многоуровневые меню, выпадающие списки, контекстные меню и гамбургер-навигацию, связывать пункты с иерархическими JSON-данными и обрабатывать события выбора, открытия и закрытия.
Внутри есть материалы по свойствам, методам, событиям, привязке данных, стилям и мобильному режиму. Агент также получает инструкции по иконкам, разделителям, RTL, прокрутке, сохранению состояния и изменению пунктов через insertBefore(), removeItems(), enableItems() и похожие методы. Для примера нужен пакет @syncfusion/ej2-react-navigations, иначе импорт MenuComponent не соберётся.
Какие задачи решает
- собрать иерархическое меню для React
- настроить выпадающие и контекстные пункты
- связать меню с JSON-данными
- добавить гамбургер-режим для мобильного интерфейса
- обработать открытие, закрытие и выбор пунктов
Примеры запросов агенту
- Собери меню React с компонентом
MenuComponentи вложенными пунктами для разделов «Файл» и «Правка». - Настрой для меню
MenuComponentобработчики выбора, открытия и закрытия, а также отключение отдельных пунктов. - Сделай мобильное гамбургер-меню с RTL, иконками и сохранением состояния после перезагрузки.
Как установить syncfusion-react-menu
1Через Skills CLI (Vercel)
npx skills add syncfusion/react-ui-components-skills --skill syncfusion-react-menu -a claude-code2Вручную: положить файлы
~/.claude/skills/syncfusion-react-menu/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/syncfusion-react-menu/
1Через Skills CLI (Vercel)
npx skills add syncfusion/react-ui-components-skills --skill syncfusion-react-menu -a codex2Вручную: положить файлы
.agents/skills/syncfusion-react-menu/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add syncfusion/react-ui-components-skills --skill syncfusion-react-menu -a cursor2Вручную: положить файлы
.cursor/skills/syncfusion-react-menu/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install syncfusion/react-ui-components-skills syncfusion-react-menu2Вручную: положить файлы
.github/skills/syncfusion-react-menu/SKILL.md1Через Skills CLI (Vercel)
npx skills add syncfusion/react-ui-components-skills --skill syncfusion-react-menu -a gemini-cli2Командой платформы
gemini skills install https://github.com/syncfusion/react-ui-components-skills --path skills/syncfusion-react-menuВручную: положить файлы
.devin/skills/syncfusion-react-menu/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add syncfusion/react-ui-components-skills --skill syncfusion-react-menu -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о syncfusion-react-menu
Как установить syncfusion-react-menu в Claude Code?
Выполните npx skills add syncfusion/react-ui-components-skills --skill syncfusion-react-menu -a claude-code, затем проверьте файл ~/.claude/skills/syncfusion-react-menu/SKILL.md.
Что делает syncfusion-react-menu?
Скилл помогает создавать и настраивать React-меню Syncfusion: многоуровневую навигацию, выпадающие и контекстные меню, обработчики событий и управление состоянием пунктов.
С какими платформами работает syncfusion-react-menu?
Скилл доступен для Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI и OpenCode.
