Skills for Real Engineers. Straight from my .agents directory.
hive.chart-creation-foundations
Agent skill fromaden-hive/hive
Required reading whenever any chart_* tool is available. Teaches the one-tool embedding contract (call chart_render → live chart appears in chat AND a downloadable PNG lands in the queen session dir), the ECharts (data viz) vs Mermaid (structural diagrams) decision, the BI/financial-grade aesthetic baseline (no chartjunk, restrained palette, proper typography, single message per chart), and the canonical spec patterns for the 12 most-common chart types. Skipping this leads to 1990s-Excel charts, missing downloads, and the agent writing markdown image links by hand instead of letting chart_render drive the UI.
How to install hive.chart-creation-foundations
npx skills add aden-hive/hive# or add only this skill to Claude Code: copy the folder
core/framework/skills/_preset_skills/chart-creation-foundations/
# into
~/.claude/skills/chart-creation-foundations/ (all projects)
.claude/skills/chart-creation-foundations/ (one project)
1# Chart creation foundations23These tools render BI/financial-analyst-grade charts and diagrams that show up live in the chat AND save as high-DPI PNGs in the user's queen session dir.45## The embedding contract — one rule67> **To put a chart in chat, call `chart_render`. The chat reads `result.spec` and renders the chart live in the message bubble. The download link is `result.file_url`. Do not write `` image markdown by hand — the tool's result drives the UI.**89That's it. One tool call, one chart in chat, one file on disk. No two-step "remember to also save it" pattern. The chat's chart-rendering UI is fed by the tool result envelope automatically.1011## When to chart at all1213Chart when the data is **visual at heart**: trends over time, distributions, comparisons across categories, hierarchies, flows, geo. Skip the chart when:1415- The point is one number → just say it. ("Revenue was $4.2M, up 12% YoY.")16- The point is a ranking of 5 things → use a markdown table with bold and emoji indicators.17- The data is so noisy a chart would mislead → describe the takeaway in prose.1819A chart costs the user attention. It must repay that cost with a takeaway they couldn't get from prose.2021## ECharts vs Mermaid — the picking rule2223| Use ECharts (`kind: "echarts"`) when... | Use Mermaid (`kind: "mermaid"`) when... |24|---|---|25| You're plotting **numbers over categories or time** | You're showing **structure, not data** |26…
Excerpt shown under the repository's Apache-2.0 license.
More skills in hive
Similar skill repositories
An agentic skills framework & software development methodology that works.
A single CLAUDE.md file to improve Claude Code behavior, derived from Andrej Karpathy's observations on LLM coding pitfalls.
Public repository for Agent Skills
Makes your AI agent think like the laziest senior dev in the room. The best code is the code you never wrote.
An AI skill that provides design intelligence for building professional UI/UX across multiple platforms.
