syncfusion-react-stock-chart — скилл для Claude Code: биржевые
Скилл для ИИ-агента: подсказывает, как собрать биржевой график на компоненте Syncfusion Stock Chart в React — свечи, OHLC, индикаторы.
npx skills add syncfusion/react-ui-components-skills --skill syncfusion-react-stock-chart -a claude-codeЧто делает syncfusion-react-stock-chart
Скилл описывает работу с компонентом StockChartComponent из пакета @syncfusion/ej2-react-charts. Агент получает структуру данных по свечам (open, high, low, close, volume), шесть типов серий — от линии до полых свечей, настройку осей и подключение модулей через Inject.
Внутри — справочники по разделам: стартовая настройка, типы осей, серии, селекторы периода и диапазона, интерактив, технический анализ. Есть описание селектора периода с кнопками вида 1D, 5D, 1M и навигатора диапазона с перетаскиванием ползунков. Для анализа — индикаторы вроде SMA, EMA, RSI, MACD и полос Боллинджера, плюс аннотации событий вроде дивидендов и сплитов.
Скилл рассчитан на React-проект с установленным пакетом Syncfusion. Если в проекте уже есть свой графический слой, тянуть вторую библиотеку ради одной диаграммы — повод сначала проверить, не закрывает ли задачу то, что уже стоит.
Какие задачи решает
- показать движение цены акции свечами или OHLC-барами
- добавить кнопки быстрого перехода по периодам 1D, 5D, 1M, 1Y
- выделить диапазон дат ползунками на графике
- наложить на цены SMA, MACD или полосы Боллинджера
- отметить на графике дивиденды, сплиты и отчётности
Примеры запросов агенту
- Собери биржевой график на Syncfusion Stock Chart: свечи по open/high/low/close и объём
- Добавь к графику селектор периода с кнопками 1D, 5D, 1M, 6M, YTD, 1Y и ALL
- Наложи на свечной график индикаторы SMA и MACD, включи перекрестие с подсказкой
Как установить syncfusion-react-stock-chart
1Через Skills CLI (Vercel)
npx skills add syncfusion/react-ui-components-skills --skill syncfusion-react-stock-chart -a claude-code2Вручную: положить файлы
~/.claude/skills/syncfusion-react-stock-chart/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/syncfusion-react-stock-chart/
1Через Skills CLI (Vercel)
npx skills add syncfusion/react-ui-components-skills --skill syncfusion-react-stock-chart -a codex2Вручную: положить файлы
.agents/skills/syncfusion-react-stock-chart/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add syncfusion/react-ui-components-skills --skill syncfusion-react-stock-chart -a cursor2Вручную: положить файлы
.cursor/skills/syncfusion-react-stock-chart/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install syncfusion/react-ui-components-skills syncfusion-react-stock-chart2Вручную: положить файлы
.github/skills/syncfusion-react-stock-chart/SKILL.md1Через Skills CLI (Vercel)
npx skills add syncfusion/react-ui-components-skills --skill syncfusion-react-stock-chart -a gemini-cli2Командой платформы
gemini skills install https://github.com/syncfusion/react-ui-components-skills --path skills/syncfusion-react-stock-chartВручную: положить файлы
.devin/skills/syncfusion-react-stock-chart/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add syncfusion/react-ui-components-skills --skill syncfusion-react-stock-chart -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о syncfusion-react-stock-chart
Как установить syncfusion-react-stock-chart в Claude?
Выполните npx skills add syncfusion/react-ui-components-skills --skill syncfusion-react-stock-chart -a claude-code. После этого файл скилла лежит в ~/.claude/skills/syncfusion-react-stock-chart/SKILL.md.
Что делает syncfusion-react-stock-chart?
Даёт агенту инструкции по компоненту Syncfusion Stock Chart в React: типы серий, оси, селекторы периода и диапазона, индикаторы и события на графике.
Какие индикаторы поддерживаются?
Скользящие средние SMA, EMA и TMA, моментум RSI, MACD, Stochastic, объёмные Accumulation Distribution и ATR, а также полосы Боллинджера.