syncfusion-react-gantt-chart — скилл для Claude Code: установка
Помогает внедрить и настроить компонент диаграммы Ганта от Syncfusion в React. Полезен при работе с расписанием задач, связями, ресурсами и экспортом в Excel или PDF.
npx skills add syncfusion/react-ui-components-skills --skill syncfusion-react-gantt-chart -a claude-codeЧто делает syncfusion-react-gantt-chart
Скилл содержит инструкции по настройке GanttComponent в проектах на Vite или Create React App. Он объясняет, как подключать темы оформления через npm, инжектировать сервисные модули диаграммы и связывать данные через DataManager, UrlAdaptor или RemoteSaveAdaptor для сохранения на сервере.
Внутри разобраны режимы расписания (автоматический, ручной, кастомный), поддержка единиц длительности от минут до месяцев и типы связей предшественников: FS, SS, FF и SF. Также описана работа с восемью типами ограничений задач, вычислением критического пути, вехами и базовыми планами.
Для интерактивного редактирования связей перетаскиванием обязательно настроить обработку события actionBegin, иначе логика разрешения конфликтов может сбросить пользовательские правки.
Какие задачи решает
- связать
GanttComponentс бэкендом черезUrlAdaptorилиDataManager - настроить зависимости между задачами со смещениями в днях или часах
- ограничить сроки задач правилами вроде ASAP, MSO или FNET
- настроить экспорт диаграммы Ганта в форматы Excel и PDF
Примеры запросов агенту
- Покажи, как подключить
GanttComponentиз Syncfusion в проект на Vite и прокинуть стили темы. - Настрой для задач зависимости вида
2FS+3dи включи пересчёт смещений при редактировании полос. - Добавь в диаграмму Ганта привязку данных через
UrlAdaptorс обработкой ошибок вactionFailure.
Как установить syncfusion-react-gantt-chart
1Через Skills CLI (Vercel)
npx skills add syncfusion/react-ui-components-skills --skill syncfusion-react-gantt-chart -a claude-code2Вручную: положить файлы
~/.claude/skills/syncfusion-react-gantt-chart/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/syncfusion-react-gantt-chart/
1Через Skills CLI (Vercel)
npx skills add syncfusion/react-ui-components-skills --skill syncfusion-react-gantt-chart -a codex2Вручную: положить файлы
.agents/skills/syncfusion-react-gantt-chart/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add syncfusion/react-ui-components-skills --skill syncfusion-react-gantt-chart -a cursor2Вручную: положить файлы
.cursor/skills/syncfusion-react-gantt-chart/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install syncfusion/react-ui-components-skills syncfusion-react-gantt-chart2Вручную: положить файлы
.github/skills/syncfusion-react-gantt-chart/SKILL.md1Через Skills CLI (Vercel)
npx skills add syncfusion/react-ui-components-skills --skill syncfusion-react-gantt-chart -a gemini-cli2Командой платформы
gemini skills install https://github.com/syncfusion/react-ui-components-skills --path skills/syncfusion-react-gantt-chartВручную: положить файлы
.devin/skills/syncfusion-react-gantt-chart/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add syncfusion/react-ui-components-skills --skill syncfusion-react-gantt-chart -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о syncfusion-react-gantt-chart
Как установить syncfusion-react-gantt-chart в Claude Code?
Выполните команду npx skills add syncfusion/react-ui-components-skills --skill syncfusion-react-gantt-chart -a claude-code. Она загрузит файлы скилла в окружение агента.
Какие режимы планирования задач поддерживает этот скилл?
Скилл охватывает автоматический, ручной и пользовательский режимы расписания в GanttComponent. Длительность задач можно задавать в минутах, часах, днях, неделях или месяцах.
Какие форматы зависимостей между задачами можно использовать?
Поддерживаются четыре типа связей: FS, SS, FF и SF. Их можно объединять через запятую и задавать смещения со знаками плюс или минус, например 2FS+3h.
