SuperAPI AI 工具集

pencil-ui-design-system-echarts

设计与创作

查看项目

更新于 10-16 03:15

技能介绍

用途:在 Pencil .pen 文件中初始化 ECharts 图表主题令牌(颜色、坐标轴、文字)并创建各类图表的占位框架。仅在用户明确同时提到 Pencil 与 ECharts,或由编排技能(pencil-ui-designer)路由 ECharts 初始化请求时使用。

主要能力:通过 set_variables 注册 ECharts 设计令牌,包括调色板 echarts-color-1 至 echarts-color-5(#5470c6、#91cc75、#fac858、#ee6666、#73c0de)、坐标轴与网格线颜色(echarts-axis-line-color、echarts-split-line-color)、文字颜色与字号(echarts-text-color、echarts-font-size)。通过 batch_design 创建 Charts Overview 框架,包含基础图表(折线、柱状、饼图、散点、雷达、仪表盘)、复杂图表(K线、热力图、树图、矩形树图、旭日图、平行坐标、桑基图、漏斗图、象形柱图)以及容器(图表容器、图例、网格占位)。

使用方式:技能输出 PENCIL_PLAN,Agent 按序调用 Pencil MCP 工具:open_document、set_variables、batch_design,可选 get_screenshot。set_variables 默认 replace: false,除非要求完全重置。使用 Auto Layout 组织框架,每次 batch_design 调用最多 25 个操作。

限制:图表“组件”仅为布局占位框架,实际图表配置在代码侧完成;令牌值需对照 ECharts 主题文档核验。参考资料包括 references/contract.md、official.md、examples.md、components.md。具体收费、平台支持等信息暂未提供。