用途：当用户明确提到 Pencil 与 ECharts，或需要为图表编排 Pencil 设计系统初始化任务时使用。它面向 .pen 文件，基于 ECharts 规范建立图表主题与占位框架。
主要能力：一是通过 set_variables 注册图表设计令牌，包括调色板 echarts-color-1 到 echarts-color-5（#5470c6、#91cc75、#fac858、#ee6666、#73c0de），坐标轴/网格/文本颜色（echarts-axis-line-color #6e7079、echarts-split-line-color #e0e6f1、echarts-text-color #6e7079）与字号 echarts-font-size 12px。二是通过 batch_design 创建 Charts Overview 框架，为图表类型建立占位区块：基础图表含 Line、Bar、Pie、Scatter、Radar、Gauge；复杂图表含 Candlestick、Heatmap、Tree、Treemap、Sunburst、Parallel、Sankey、Funnel、PictorialBar；容器含图表容器、图例、网格占位。框架使用 Auto Layout 组织。
使用方式：该技能输出 PENCIL_PLAN，代理按序调用 Pencil MCP 工具 open_document、set_variables、batch_design，可选调用 get_screenshot。每次 batch_design 调用最多 25 个操作。令牌值应对照 ECharts 主题文档核验，除非要求完全重置，set_variables 使用 replace: false。这里的图表组件只是用于布局的占位框架，实际图表配置在代码侧完成。
适用场景：在 Pencil 中搭建数据可视化设计系统、为图表页面准备布局骨架。限制：仅在用户明确提及 Pencil 与 ECharts 或相关编排任务时使用。其余细节、更多令牌、官方文档链接与示例可参考 references 目录下的 contract.md、official.md、examples.md、components.md，本次资料未提供其正文内容。