К основному содержанию
скилл CX Codex

syncfusion-react-stock-chart — скилл для Claude Code: биржевые

Скилл для ИИ-агента: подсказывает, как собрать биржевой график на компоненте Syncfusion Stock Chart в React — свечи, OHLC, индикаторы.

Установить в Claude Code · Через Skills CLI (Vercel) Все способы и платформы ↓
npx skills add syncfusion/react-ui-components-skills --skill syncfusion-react-stock-chart -a claude-code
Открыть на GitHub

Что делает 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-code

2Вручную: положить файлы

~/.claude/skills/syncfusion-react-stock-chart/SKILL.md

Папка скилла целиком; для одного проекта — .claude/skills/syncfusion-react-stock-chart/

По шагам, с командами для каждой платформы: Как установить скилл в 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, а также полосы Боллинджера.

Похожие скиллы

Всё по теме «Фронтенд и UI» →
blog-chart AgriciDaniel Генерирует адаптивные SVG-диаграммы для статей в HTML и MDX. Оркестратор запускает скилл при обработке маркеров данных в черновиках blog-write. CX Codex +1 2 500установок react-and-nextjs-data-visualization официальный OpenAI Инструкции по встраиванию графиков и диаграмм в React и Next.js: границы SSR, разделение состояния и отрисовки, адаптивность и защита от ошибок гидратации. CX Codex GP ChatGPT 13установок stock-market-pro sundial-org Скилл для анализа акций, крипты и форекса: тянет котировки, фундаментальные метрики и рисует свечные графики прямо в терминале. CX Codex +1 4 100установок chart Starchild-ai-agent Строит интерактивные графики на Apache ECharts: линии, столбцы, свечи, точки. Отдаёт готовую HTML-страницу и PNG-скриншот. CX Codex +1 3 900установок swift-charts dpearson2699 Скилл для ИИ-агента, который помогает строить и разбирать графики на Swift Charts под iOS 26+. Пригодится, когда нужны столбцы, линии, пончики или 3D-поверхности. CX Codex +1 4 000установок data-visualization Owl-Listener Помогает агенту выбрать тип графика и настроить оси, подписи и цвета так, чтобы диаграмма читалась без легенды. CX Codex +1 2 400установок

Из того же набора15

syncfusion-react-treeview Скилл для ИИ-агента, который помогает собрать иерархический TreeView из @syncfusion/ej2-react-navigations: выбор узлов, чекбоксы, drag-drop, инлайн-редактирование. CX Codex +1 700установок syncfusion-react-popups Скилл для ИИ-агентов, который подсказывает, как собирать модальные окна, тултипы и поповеры на компонентах Syncfusion для React. CX Codex +1 658установок syncfusion-react-3d-chart Скилл помогает агенту собрать объёмные столбчатые и линейчатые диаграммы Syncfusion в React-проекте. Пригодится, когда нужен график с осями, легендой и экспортом. CX Codex +1 656установок syncfusion-react-notifications Скилл по компонентам уведомлений Syncfusion для React: тосты, бейджи, сообщения, скелетоны и спиннеры. Пригодится, когда нужно быстро собрать статус-индикаторы. CX Codex +1 654установок syncfusion-react-timeline Подсказывает агенту, как собрать хронологию событий на компоненте Timeline из Syncfusion для React. Пригодится для роадмапов, трекинга доставки и лент активности. CX Codex +1 650установок syncfusion-react-smithchart Скилл помогает агенту собрать и настроить Smith Chart из Syncfusion для React: импеданс, согласование, параметры линий передачи. CX Codex +1 647установок syncfusion-react-3d-circular-chart Скилл для ИИ-агента, который помогает собрать в React объёмные круговые и кольцевые диаграммы на компоненте Syncfusion. CX Codex +1 646установок syncfusion-react-sankey Скилл для ИИ-агента, который помогает собрать Sankey-диаграмму на React с компонентом Syncfusion: узлы, связи, легенда, тултипы и экспорт. CX Codex +1 644установок

Спонсоры проекта

Компании, которые помогают держать аналитику открытой