echarts · rebyteai-template — скилл для Claude Code: графики pyecharts и HTML-отчёты
Скилл даёт агенту готовые рецепты pyecharts: столбцы, линии, круговые, тепловые карты и сборку интерактивного HTML-отчёта.
npx skills add rebyteai-template/rebyte-skills --skill echarts -a claude-codeЧто делает echarts
Скилл описывает, как строить графики через pyecharts — Python-обёртку над Apache ECharts. Внутри есть шаблоны кода для столбчатых и линейных диаграмм, круговых, тепловых карт и точечных графиков, а также примеры настройки тем: macarons, shine, roma, vintage, dark, light.
Отдельный блок посвящён сборке HTML-отчёта: несколько графиков складываются в Page с простой раскладкой и рендерятся в один самодостаточный файл с встроенным JavaScript. Тут же — форматирование чисел в подсказках и подписях осей, например {b}: ${c:,.2f} для валюты.
Самое важное место — совместимость с браузером. Данные нужно приводить к спискам через .tolist(): если передать numpy-массив или pandas Series, график может не отрисоваться. На этом ломается чаще всего, поэтому проверять стоит в первую очередь. Ещё в скилле разобраны пустые графики, слишком маленький размер, налезающие подписи и длинная легенда.
Какие задачи решает
- построить столбчатый график по данным из pandas
- собрать несколько диаграмм в один HTML-отчёт
- добавить скользящую среднюю на линейный график
- показать аномалии на точечной диаграмме
- подобрать тему оформления для графиков
Примеры запросов агенту
- построй график расходов по сервисам на pyecharts и сохрани в HTML
- сделай линейный график с 7-дневной скользящей средней
- собери отчёт из нескольких диаграмм в один файл
Как установить echarts
1Через Skills CLI (Vercel)
npx skills add rebyteai-template/rebyte-skills --skill echarts -a claude-code2Вручную: положить файлы
~/.claude/skills/echarts/SKILL.mdПапка скилла целиком; для одного проекта — .claude/skills/echarts/
1Через Skills CLI (Vercel)
npx skills add rebyteai-template/rebyte-skills --skill echarts -a codex2Вручную: положить файлы
.agents/skills/echarts/SKILL.mdДля всех проектов — ~/.agents/skills/
1Через Skills CLI (Vercel)
npx skills add rebyteai-template/rebyte-skills --skill echarts -a cursor2Вручную: положить файлы
.cursor/skills/echarts/SKILL.mdCursor читает и .agents/skills/, и .claude/skills/
1GitHub CLI
gh skill install rebyteai-template/rebyte-skills echarts2Вручную: положить файлы
.github/skills/echarts/SKILL.md1Через Skills CLI (Vercel)
npx skills add rebyteai-template/rebyte-skills --skill echarts -a gemini-cli2Командой платформы
gemini skills install https://github.com/rebyteai-template/rebyte-skills --path echartsВручную: положить файлы
.devin/skills/echarts/SKILL.mdСтарый путь .windsurf/skills/ тоже читается
Через Skills CLI (Vercel)
npx skills add rebyteai-template/rebyte-skills --skill echarts -a opencodeClaude.ai
Упакуйте папку в zip и загрузите в Settings → Capabilities → Skills
По шагам, с командами для каждой платформы: Как установить скилл в Claude Code: пять способов
Вопросы о echarts
Как установить echarts в Claude?
Выполните npx skills add rebyteai-template/rebyte-skills --skill echarts -a claude-code. Файл скилла окажется в ~/.claude/skills/echarts/SKILL.md.
Что делает скилл echarts?
Даёт агенту шаблоны кода для графиков pyecharts и сборки HTML-отчёта, плюс разбор типичных ошибок отрисовки.
Почему график не отображается?
Скорее всего, в add_xaxis или add_yaxis ушёл numpy-массив либо pandas Series. Приводите данные через .tolist().
Похожие скиллы
Все скиллы по теме «Данные и базы» →Сначала — echarts от других авторов.
