用途:在 Pencil 的 .pen 文件中初始化基于 uCharts 规范的图表设计系统,包括设置图表主题颜色并创建各图表类型的占位框架。仅在用户明确提到“Pencil”和“uCharts”(或 qiun-data-charts),或需要为图表编排 Pencil 设计系统初始化任务时使用。
主要能力:第一,注册 uCharts 相关设计令牌,系列色为 ucharts-color-1 #1890ff、ucharts-color-2 #52c41a、ucharts-color-3 #faad14、ucharts-color-4 #f5222d、ucharts-color-5 #722ed1;坐标轴与网格为 ucharts-axis-color #e8e8e8,文字为 ucharts-text-color #666666,字号为 ucharts-font-size 12px。第二,创建“Charts Overview”框架及图表类型占位分区:基础图表含 Line、Area、Column、Bar、Pie、Ring、Radar、Scatter;组合与进阶含 Mix、Funnel、Candlestick、Heatmap、Gauge、WordCloud;容器含图表容器占位与图例占位。使用 Auto Layout 组织框架。
使用方式:该技能输出 PENCIL_PLAN,Agent 随后按顺序调用 Pencil MCP 工具:open_document、set_variables、batch_design,可选 get_screenshot。第一步用 mcp__pencil__set_variables 按 .pen 文件 schema 注册令牌;第二步用 mcp__pencil__batch_design 创建占位结构,每次调用最多 25 个操作。令牌不足时可从 uCharts 主题文档补充。
最佳实践与限制:核对令牌值与 uCharts 主题文档一致;除非要求完全重置,set_variables 使用 replace: false。此处的图表“组件”仅为布局占位框架,实际图表配置在代码侧完成。参考资料包括 references/contract.md(设计令牌与图表类型命名)、references/official.md(官方文档链接)、references/examples.md(示例 PENCIL_PLAN)、references/components.md(图表类型规范)。未提供收费、价格及具体平台支持信息。