syncfusion-react-toolbar — скилл для Claude Code
Скилл помогает собрать панель команд Syncfusion для React: настроить кнопки, разделители, поля ввода и поведение при нехватке места. Пригодится для редактора или интерфейса с командами.
npx skills add syncfusion/react-ui-components-skills --skill syncfusion-react-toolbar -a claude-codeЧто делает syncfusion-react-toolbar
Скилл описывает настройку панели Syncfusion React Toolbar: кнопок, разделителей и элементов ввода. Он помогает выбрать поведение при переполнении: горизонтальную прокрутку, всплывающее меню, несколько строк или сочетание строк с прокруткой. Также охватывает навигацию с клавиатуры и ARIA-атрибуты.
В материалах есть настройки элементов, шаблоны, оформление и примеры управления составом панели во время работы приложения. Можно настроить действия по нажатию и обработку событий клавиатуры. Скилл посвящён компоненту Syncfusion для React, поэтому для панели на другой библиотеке его инструкции не подходят.
Установка через Claude Code состоит из команды и пути к файлу скилла. Команда использует npx skills; для работы с компонентом нужны знания и зависимости проекта, описанные в материалах скилла.
Какие задачи решает
- собрать панель команд из кнопок и полей ввода
- выбрать поведение панели при нехватке ширины
- настроить клавиатурную навигацию и ARIA-атрибуты
- добавить шаблоны и менять элементы панели во время работы
Примеры запросов агенту
- Настрой панель Syncfusion React Toolbar для редактора документов с кнопками и разделителями.
- Подбери режим переполнения для панели команд, которая должна помещаться в узкий контейнер.
- Покажи, как обрабатывать нажатия клавиш и менять элементы панели во время работы приложения.
Как установить syncfusion-react-toolbar
1Через Skills CLI (Vercel)
npx skills add syncfusion/react-ui-components-skills --skill syncfusion-react-toolbar -a claude-code2Вручную: положить файлы
~/.claude/skills/syncfusion-react-toolbar/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/syncfusion-react-toolbar/
1Через Skills CLI (Vercel)
npx skills add syncfusion/react-ui-components-skills --skill syncfusion-react-toolbar -a codex2Вручную: положить файлы
.agents/skills/syncfusion-react-toolbar/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add syncfusion/react-ui-components-skills --skill syncfusion-react-toolbar -a cursor2Вручную: положить файлы
.cursor/skills/syncfusion-react-toolbar/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install syncfusion/react-ui-components-skills syncfusion-react-toolbar2Вручную: положить файлы
.github/skills/syncfusion-react-toolbar/SKILL.md1Через Skills CLI (Vercel)
npx skills add syncfusion/react-ui-components-skills --skill syncfusion-react-toolbar -a gemini-cli2Командой платформы
gemini skills install https://github.com/syncfusion/react-ui-components-skills --path skills/syncfusion-react-toolbarВручную: положить файлы
.devin/skills/syncfusion-react-toolbar/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add syncfusion/react-ui-components-skills --skill syncfusion-react-toolbar -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о syncfusion-react-toolbar
Как установить syncfusion-react-toolbar в Claude Code?
Выполните npx skills add syncfusion/react-ui-components-skills --skill syncfusion-react-toolbar -a claude-code. Файл скилла находится по пути ~/.claude/skills/syncfusion-react-toolbar/SKILL.md.
Что делает syncfusion-react-toolbar?
Помогает настраивать компонент Syncfusion React Toolbar: его элементы, поведение при переполнении, клавиатурную навигацию и оформление.
Какие режимы переполнения панели описывает скилл?
Горизонтальную прокрутку, всплывающее меню, размещение элементов в нескольких строках и многорядный режим с прокруткой.
