syncfusion-react-smithchart — скилл для Claude Code: диаграммы Смита
Скилл помогает агенту собрать и настроить Smith Chart из Syncfusion для React: импеданс, согласование, параметры линий передачи.
npx skills add syncfusion/react-ui-components-skills --skill syncfusion-react-smithchart -a claude-codeЧто делает syncfusion-react-smithchart
Скилл описывает компонент Smith Chart из пакета @syncfusion/ej2-react-charts и ведёт агента по его настройке. Внутри — справочники по сериям данных, осям, маркерам, подписям, легенде, тултипам, размерам и экспорту. Отдельный раздел про печать, выгрузку в PNG, JPEG, SVG и PDF и доступность по WCAG 2.2.
Данные привязываются двумя способами: через dataSource с полями сопротивления и реактивности или через массив points. Серий может быть несколько, у каждой своя заливка и имя для легенды. Интерактив включается модулями: SmithchartLegend и TooltipRender подключаются через Inject, иначе легенда и подсказки просто не появятся на графике.
Ставить есть смысл, если вы рисуете диаграммы Смита в React и не хотите каждый раз вспоминать имена пропсов и порядок директив. Без установленного @syncfusion/ej2-react-charts скилл бесполезен: он не тянет пакет за вас, а только подсказывает, как его использовать.
Какие задачи решает
- построить диаграмму Смита по сопротивлению и реактивности
- согласовать импеданс линии передачи на графике
- добавить несколько серий с разными цветами и легендой
- включить маркеры и тултипы на точках данных
- выгрузить график в PDF или SVG для отчёта
Примеры запросов агенту
- собери Smith Chart по этим данным сопротивления и реактивности
- добавь вторую серию и включи легенду с тултипами
- настрой горизонтальную и радиальную оси и выгрузи график в PDF
Как установить syncfusion-react-smithchart
1Через Skills CLI (Vercel)
npx skills add syncfusion/react-ui-components-skills --skill syncfusion-react-smithchart -a claude-code2Вручную: положить файлы
~/.claude/skills/syncfusion-react-smithchart/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/syncfusion-react-smithchart/
1Через Skills CLI (Vercel)
npx skills add syncfusion/react-ui-components-skills --skill syncfusion-react-smithchart -a codex2Вручную: положить файлы
.agents/skills/syncfusion-react-smithchart/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add syncfusion/react-ui-components-skills --skill syncfusion-react-smithchart -a cursor2Вручную: положить файлы
.cursor/skills/syncfusion-react-smithchart/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install syncfusion/react-ui-components-skills syncfusion-react-smithchart2Вручную: положить файлы
.github/skills/syncfusion-react-smithchart/SKILL.md1Через Skills CLI (Vercel)
npx skills add syncfusion/react-ui-components-skills --skill syncfusion-react-smithchart -a gemini-cli2Командой платформы
gemini skills install https://github.com/syncfusion/react-ui-components-skills --path skills/syncfusion-react-smithchartВручную: положить файлы
.devin/skills/syncfusion-react-smithchart/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add syncfusion/react-ui-components-skills --skill syncfusion-react-smithchart -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о syncfusion-react-smithchart
Как установить syncfusion-react-smithchart в Claude?
Выполните npx skills add syncfusion/react-ui-components-skills --skill syncfusion-react-smithchart -a claude-code. После этого файл скилла окажется в ~/.claude/skills/syncfusion-react-smithchart/SKILL.md.
Что делает syncfusion-react-smithchart?
Помогает агенту реализовать и настроить компонент Smith Chart из Syncfusion для React: серии, оси, маркеры, подписи, легенду, тултипы, экспорт и доступность.
Что нужно для работы скилла?
Проект на React с установленным пакетом @syncfusion/ej2-react-charts. Скилл не устанавливает зависимости сам, он только ведёт по конфигурации компонента.
