Chart Creation Foundations
Teaches the agent to render polished, data-driven charts and diagrams that appear in chat and save as PNG files.
- Repository
- aden-hive/hive
- Stars
- 11,132
- Licence
- Apache-2.0
- Files
- 1 file
What it does
When chart_* tools are available, this skill tells the agent how to make charts the right way. It explains when a chart is worth showing instead of plain text, whether to use a data chart (ECharts) or a structural diagram (Mermaid), and a clean, restrained visual style with no 3D effects or clutter. Once installed, the agent calls one chart_render tool to show a chart in the conversation and save a high-resolution PNG file, instead of hand-writing image links.
Great for
- Analysts who want trend, comparison or distribution charts produced automatically in chat
- Founders or finance staff preparing slide-ready charts from data they already have
- Technical writers who need flowcharts, sequence diagrams or architecture diagrams rendered from a text spec
Skip it if
- Users who only need a single number or a short ranking, since the skill itself says prose or a table is better there
- Situations where the chart_* tools are not installed, because the skill only guides their use and does not provide them
- Data that is noisy or incomplete, where a chart could mislead; the skill advises describing it in prose instead
Try asking
- “Make a bar chart of Q4 revenue by region and save it as a PNG”
- “Show monthly active users as a line chart over the last 12 months”
- “Draw a sequence diagram of the login flow between browser, API and database”
- “Create a heatmap of sales by weekday and hour”
Install in 3 steps
- 1
Download the skill
The ZIP contains the 1 original files, the Apache-2.0 licence and an attribution note.
chart-creation-foundations.zip - 2
Add it to your agent
Claude Code (all projects)
mkdir -p ~/.claude/skills && unzip chart-creation-foundations.zip -d ~/.claude/skills/Claude Code / Agent SDK (this project only)
mkdir -p .claude/skills && unzip chart-creation-foundations.zip -d .claude/skills/Claude apps (web/desktop): Settings → Capabilities → Skills → Upload skill, and choose the ZIP.
- 3
Ask for the task
No special command needed — the agent reads the skill's description and loads it when your request matches. Try one of the prompts above.
Get better results
- Ask for the specific chart type and the data points you want shown, so the agent can pick the right ECharts or Mermaid form.
- Expect the chart to follow the Hive theme automatically; you cannot choose colours or themes through this skill.
- If you need footnotes or sources, ask for them in the message text, since the skill keeps notes out of the chart itself.
What's inside
- SKILL.md
Redistributed unmodified from aden-hive/hive under the Apache-2.0 licence. The assessment was drafted with AI from the skill's files on 2026-10-29. Skills can instruct your agent to run code — read SKILL.md and any scripts before installing.