用 Codex 或 Claude 帮你安装 复制这段 Prompt,粘贴到 Codex、Claude 或其他助手里,让它检查 Skill 页面并帮你完成安装。
直接命令不会经过审查 Prompt;运行前请先检查来源。
npx skills add https://github.com/openvetta/open-vetta --skill chart-renderer命令会保持在同一行。复制前请横向滚动并检查完整内容。
想先保存到本地?可下载 SkillsMP 当前能够提供的文件。
正在显示 SKILL.md
| name | chart-renderer |
| description | 创建适用于图表渲染插件的 Chart.js 图表。当用户要求把数据做成图表、可视化趋势、比较分类或展示占比时使用。 |
把用户提供的数据整理成一次 render_chart 工具调用,让图表出现在当前 MessageList 消息下方。不要只输出 Markdown 表格来替代图表。
必须传:
type: line、bar、pie、doughnut、polarArea、radar、scatter 或 bubbledata: 标准 Chart.js data 对象可选传:
options: 标准 Chart.js options 对象title: 简短中文标题description: 一句话说明统计口径或时间范围height: 180 到 560 之间的数字,默认 300charts: 可选的图表数组,最多 4 个;使用 charts 时每一项都必须包含自己的 type 和 data优先使用一次 render_chart 调用中的 charts 数组生成多图表。单图表也可以继续直接传 type 和 data,以兼容旧调用。
如果用户同一轮需要多个图表,必须尽量合并到一次工具调用中,不要连续调用多次 render_chart。最多 4 个图表,超过 4 个时按用户最重要的指标合并或分批,并先说明限制。
charts 数组调用,不要连续调用工具分类图表使用:
{
"labels": ["一月", "二月", "三月"],
"datasets": [
{
"label": "销售额",
"data": [120, 180, 240],
"backgroundColor": "#2563eb",
"borderColor": "#2563eb"
}
]
}
折线图和柱状图可以有多个 datasets。饼图和环形图通常使用一个 dataset:
{
"labels": ["华东", "华南", "华北"],
"datasets": [{
"label": "订单占比",
"data": [45, 30, 25],
"backgroundColor": ["#2563eb", "#16a34a", "#f59e0b"]
}]
}
linebardoughnut 或 pieradarscatterbubblecharts 数量必须在 1 到 4 之间;每个图表都必须有合法的 type 和 data。labels 和 datasets[].data 的长度应一致;不要混用中文标签和缺失数据。null,不要使用 NaN 或字符串数字。error 和 retryable 字段,立即修正参数并重试一次;不要结束当前任务。charts 数组,不要为每个图表分别调用工具。基于 SOC 职业分类