Дизайнер диаграмм
Design effective data visualizations and charts. Generate chart configurations for ECharts, Chart.js, and other libraries. Create dashboards and reports.
AIclaude-office-skills
official
Дизайн
Что делает навык
Skill помогает проектировать эффективные визуализации данных, подбирая оптимальные типы графиков и генерируя конфигурации для библиотек ECharts, Chart.js и Excel. Он применяет лучшие практики визуализации, включая выбор цветовых схем, стилей и макетов дашбордов.
Когда применять
- Выбор типа графика для сравнения категорий, трендов или распределения данных
- Генерация готовых JSON-конфигураций для ECharts или Chart.js
- Создание спецификаций для построения графиков в Excel
- Подбор цветовых палитр и рекомендаций по типографике для дашбордов
Как работает
- Получить описание данных, цель визуализации, целевую аудиторию и место отображения
- Предложить подходящий тип графика на основе руководства по выбору (Comparison, Composition, Distribution и др.)
- Сгенерировать конфигурацию в формате ECharts (JSON) или Chart.js
- Дать рекомендации по стилям, цветовой палитре и лучшим практикам (Data Ink Ratio, доступность)
- Предложить альтернативные типы графиков, если основной не подходит
Примеры запросов агенту
Подбери тип графика для сравнения продаж по регионам за год и сгенерируй конфигурацию ECharts
Как лучше визуализировать долю рынка пяти продуктов? Предложи график и цветовую схему
Создай конфигурацию Chart.js для линейного графика изменения температуры за месяц
Описание составлено по SKILL.md навыка, сверено 05.10.2026.
Как подключить
1Скачать навык
# возьмите папку навыка «chart-designer» из репозитория:
# https://github.com/claude-office-skills/skills
2Положить папку с
SKILL.md к навыкам ассистента# положите папку навыка туда, где ассистент ищет skills:
cp -r chart-designer/ ~/.claude/skills/chart-designer/
Навык — папка с файлом SKILL.md (описание + инструкции) и опциональными скриптами. Ассистент (Claude, Claude Code и совместимые) подхватывает его по описанию и следует шагам.