syncfusion-react-pivot-table — скилл для Claude Code
Скилл помогает собирать и настраивать PivotView в React: данные, группировку, фильтры, агрегации, экспорт и pivot charts.
npx skills add syncfusion/react-ui-components-skills --skill syncfusion-react-pivot-table -a claude-codeЧто делает syncfusion-react-pivot-table
Скилл подсказывает, как создать Syncfusion PivotView в React и связать его с JSON, CSV или удалёнными данными. Он охватывает группировку строк и столбцов, иерархии, фильтрацию, сортировку, вычисляемые поля, форматирование, drill-down и drill-through.
В комплекте есть справочные файлы по установке, подключению источников, pivot charts, полям, агрегациям, фильтрам, размерам ячеек и экспорту в Excel или PDF. Они нужны, чтобы сверять имена классов, свойства и сигнатуры методов перед генерацией кода.
Для удалённых источников скилл требует проверять и очищать данные, использовать авторизованные API и HTTPS. Он рассчитан только на React, поэтому примеры для Angular, Vue и Blazor сюда не относятся.
Какие задачи решает
- создать PivotView для анализа данных
- подключить JSON, CSV или удалённый источник
- настроить группировку, фильтры и агрегации
- добавить drill-down и экспорт отчёта
Примеры запросов агенту
- Собери в React PivotView для анализа данных из JSON и добавь группировку по строкам и столбцам.
- Настрой фильтрацию, сортировку и вычисляемое поле в существующей таблице Syncfusion.
- Добавь к React PivotView pivot chart и экспорт отчёта в Excel и PDF.
Как установить syncfusion-react-pivot-table
1Через Skills CLI (Vercel)
npx skills add syncfusion/react-ui-components-skills --skill syncfusion-react-pivot-table -a claude-code2Вручную: положить файлы
~/.claude/skills/syncfusion-react-pivot-table/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/syncfusion-react-pivot-table/
1Через Skills CLI (Vercel)
npx skills add syncfusion/react-ui-components-skills --skill syncfusion-react-pivot-table -a codex2Вручную: положить файлы
.agents/skills/syncfusion-react-pivot-table/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add syncfusion/react-ui-components-skills --skill syncfusion-react-pivot-table -a cursor2Вручную: положить файлы
.cursor/skills/syncfusion-react-pivot-table/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install syncfusion/react-ui-components-skills syncfusion-react-pivot-table2Вручную: положить файлы
.github/skills/syncfusion-react-pivot-table/SKILL.md1Через Skills CLI (Vercel)
npx skills add syncfusion/react-ui-components-skills --skill syncfusion-react-pivot-table -a gemini-cli2Командой платформы
gemini skills install https://github.com/syncfusion/react-ui-components-skills --path skills/syncfusion-react-pivot-tableВручную: положить файлы
.devin/skills/syncfusion-react-pivot-table/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add syncfusion/react-ui-components-skills --skill syncfusion-react-pivot-table -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о syncfusion-react-pivot-table
Как установить syncfusion-react-pivot-table в Claude Code?
Выполните npx skills add syncfusion/react-ui-components-skills --skill syncfusion-react-pivot-table -a claude-code, затем проверьте файл ~/.claude/skills/syncfusion-react-pivot-table/SKILL.md.
Что делает syncfusion-react-pivot-table?
Скилл помогает агенту писать и настраивать React-компонент Syncfusion PivotView: подключать данные, строить сводки, добавлять фильтры, группировку, вычисляемые поля, drill-down, диаграммы и экспорт.
Совместим ли скилл с Angular или Vue?
Нет. Он предназначен для React; примеры и рекомендации для Angular, Vue и Blazor не входят в его область.
