chart-designer

chart designer

claude-office-skills 321 ↓ 4k MIT updated 6mo ago

Claude Code

View source ↗

What it does

Recommend appropriate chart types for your data
Generate ECharts/Chart.js configurations
Design dashboard layouts
Apply visualization best practices
Create Excel chart specifications
Suggest color schemes and styling
Render charts directly (use generated configs in tools)

Requirements & configuration

Configuration may need adjustment for specific tools
Complex custom visualizations may require code
Real-time data requires additional setup

Derived from the skill's own SKILL.md documentation · extracted 2026-07-23

chart designer

Source

Repository: https://github.com/claude-office-skills/skills

chart-designer FAQ

What does the chart-designer skill do?

Design effective data visualizations and charts. Generate chart configurations for ECharts, Chart.js, and other libraries. Create dashboards and reports. Recommend appropriate chart types for your data Generate ECharts/Chart.js configurations

What does chart-designer require?

Configuration may need adjustment for specific tools Complex custom visualizations may require code Real-time data requires additional setup

How do I install chart-designer?

Run: npx -y skills add https://github.com/claude-office-skills/skills --skill chart-designer --agent claude-code — the source lives at github.com/claude-office-skills/skills.

Maintain chart-designer?

Let people know it's listed here — add the badge (live metrics, light/dark aware) or a plain link to your README or docs.

[chart-designer on getagentictools](https://getagentictools.com/skills/claude-office-skills-skills-chart-designer?ref=badge)

npx agentictools info skills/claude-office-skills-skills-chart-designer

The second line is the CLI lookup for this page — handy in READMEs and docs.