aden-hive/hive✦ 精选0°

hive.chart-creation-foundations

仓库创建 2026年1月12日最近提交 1 个月前SkillHot 收录 20 天前
▸ 精选理由

适合在聊天中实时展示并下载高质量图表的场景,覆盖 ECharts 与 Mermaid 的抉择。

这个 Skill 做什么

规范化在对话内渲染并导出高分辨率图表与结构图的约定与实用指南。

在对话里生成高分辨率、可下载的图表与结构图时必须遵守的规范。规定调用 chart_render 才会在聊天里实时渲染并同时产出 PNG,区分 ECharts(数据可视化)和 Mermaid(结构图)的使用场景。强调 BI/金融级审美:克制配色、规范排版、单图一消息,避免回到 1990s Excel 那种杂乱图表。

▸ 展开 SKILL.md 英文原文

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.

数据与抓取图表可视化ECharts通用
1.1w
Stars
5.7k
Forks
18
仓库内 Skill
+132
7 日增星
安装 / 使用
给你的 Agent 一句话(通用)
帮我安装这个 skill:https://raw.githubusercontent.com/aden-hive/hive/main/core/framework/skills/_preset_skills/chart-creation-foundations/SKILL.md
或 curl 直取 SKILL.md
curl -fsSL "https://raw.githubusercontent.com/aden-hive/hive/main/core/framework/skills/_preset_skills/chart-creation-foundations/SKILL.md"
SKILL.MD 节选查看完整文件 ↗
# Chart creation foundations

These 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.

## The embedding contract — one rule

> **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 `![chart](...)` image markdown by hand — the tool's result drives the UI.**

That'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.

## When to chart at all

C
via SKILL·HOT · 数据来自 GitHub 公开信息 · 原文版权归作者所有