iChart.js — скилл
iChart.js дает агенту проверяемый путь от данных к графику: выбор типа, JSON-спецификация, валидация и отрисовка в SVG или Canvas.
- 352 ★ репозитория
- Последний коммит
- Apache-2.0
Минимальный доступ
Почему такой уровень
- Скилл работает с локальными данными и файлами проекта, сетевых прав не запрашивает.
Установка
- Работает в
В терминале, через SkillFoxx CLI
npx skillfoxx add skills/ichart-jsОпределит агенты на машине, покажет уровень доступа и зафиксирует версию.
Другие способы установки
Доступ и проверки
Как мы проверяемМинимальный доступИнструмент ничего не запускает и не ходит в сеть.
- Скилл работает с локальными данными и файлами проекта, сетевых прав не запрашивает.
Это чужой код. Посмотрите файлы в репозитории перед установкой.
Что делает
iChart.js 2.0 — визуализационный рантайм, рассчитанный на агента. Агент вызывает публичные функции `getCapabilities`, `inspectData`, `planChart`, собирает JSON-спецификацию, проверяет ее через `validateSpec` и рисует через `createChart`. На выходе интерактивные страницы, SVG, PNG и JPEG, контрольные точки в JSON и код интеграции. Скилл `ichartjs` учит агента этой последовательности: выбор типа графика, диаграммы и свободной доски, пошаговое построение с предпросмотром, проверку читаемости. Сам рантайм ставится отдельно как пакет `@taylorwong/ichartjs`, скилл его не заменяет.
Для кого. Фронтенд-разработчикам и аналитикам, которые поручают агенту строить графики, диаграммы и дашборды из своих данных и хотят проверяемый результат.
Подходит, если
- Агент встраивает график в веб-проект и не должен угадывать поля конфигурации.
- Из таблицы нужно получить SVG или PNG для отчета.
- Схему процесса строят пошагово, с предпросмотром каждого шага.
- Правку графика описывают словами, а агент меняет спецификацию.
Не подходит, если
- Подходит готовая библиотека графиков, которой уже пользуется команда.
- Нужен серверный рендер без браузера и без SVG или Canvas.
- Скилл ждут как замену рантайма: он только ведет агента.
Пример запроса к агенту
Построй из `sales.csv` линейный график по месяцам по скиллу `ichartjs`, проверь спецификацию и сохрани результат в SVG.Ограничения
Скилл не заменяет рантайм и не создает живое подключение агента: рантайм нужно поставить отдельно. Документация и скилл сверяются с версией `2.0.37`, при расхождении приоритет у установленных возможностей, а не у примеров из сети. Пошаговое построение схем требует живого JavaScript-хоста с подтверждением шагов. Авторские профили (`standard`, `project`, `diagram`, `board`) подключаются отдельными точками входа.
Как отключить. Удалите скилл `ichartjs` из каталога скиллов агента и пакет `@taylorwong/ichartjs` из зависимостей проекта командой вашего менеджера пакетов.
Частые вопросы
Что ставить: скилл или пакет?
Нужны оба. Пакет `@taylorwong/ichartjs` содержит рантайм, скилл `ichartjs` ведет агента по его публичным функциям.
Какие форматы на выходе?
Интерактивные страницы, SVG, PNG, JPEG, JSON-контрольные точки и код интеграции.
Как поставить скилл для Codex глобально?
Команда `npx skills add wanghetommy/ichartjs --skill ichartjs --agent codex --global --yes`.
Можно ли закрепить версию?
Да, для скилла есть адрес тега `v2.0.37`, для пакета — `npm install @taylorwong/ichartjs@2.0.37`.
На каких агентах работает скилл?
README называет Codex и WorkBuddy и другие хосты, совместимые с Agent Skills. Адаптер WorkBuddy для CLI не заявлен, там скилл импортируют по адресу каталога.
Обсуждение
Вопросов и отзывов пока нет.
Похожие
СкиллыLightweight Charts — скиллы для агентов
Lightweight Charts skills
Два скилла TradingView: работа с графиками Lightweight Charts v5 без устаревших вызовов v4 и написание собственных плагинов, серий и примитивов
Скилл и проверка графиков rhp учат агента делать диаграммы из HTML-элементов на SolidJS и сверять их на разных ширинах.
Три скилла по графикам Bklit UI для React: установка из реестра shadcn, стилизация под тему приложения и переход с Recharts.
MCP-сервер @microcharts/mcp: агент подбирает тип из 106 мини-графиков React, берет готовые props и получает SVG с описанием
Официальный скилл Microsoft раскладывает графы и сети в JavaScript и TypeScript и выгружает схемы в SVG, PDF, PNG и EPS.
Three.js Awesome Graphics Skills
threejs-awesome-graphics-agent-skills
Пакет скиллов three.js для красивой графики сцен и игр: свет, PBR, шейдеры, TSL и WebGPU, постобработка, частицы
Коротко о README
README открывается блоком «Для агентов»: цепочка вызовов от `getCapabilities` до `chart.explain`, таблица точек входа, варианты установки рантайма и скилла.