用途
该技能用于初始化一套基于 Element Plus 规范的设计系统，主要工作是在 .pen 文件中搭建全局色板并创建初始的组件库画板。
使用约束：仅当用户明确提到 "Pencil" 和 "Element"（或 "Element Plus"），或者当前任务是在编排 Pencil 设计系统初始化时，才使用该技能。
主要能力
第一步：初始化变量（set_variables）
使用 mcp__pencil__set_variables 注册 Element Plus 设计令牌，遵循 .pen 文件 schema。主要令牌包括：
- 主色 / 语义色：el-color-primary 为 #409eff，el-color-success 为 #67c23a，el-color-warning 为 #e6a23c，el-color-danger 为 #f56c6c，el-color-info 为 #909399。
- 文字与边框：el-text-color-primary 为 #303133，el-text-color-regular 为 #606266，el-text-color-secondary 为 #909399，el-border-color 为 #dcdfe6，el-border-radius-base 为 4px。
- 字体：el-font-size-base 为 14px。
如需要更多令牌，可从 Element Plus 主题文档中补充。
第二步：创建组件总览结构（batch_design）
使用 mcp__pencil__batch_design 创建一个 "Components Overview" 画板，按 Element Plus 文档分组：
- 基础（Basic）：Button、Link、Icon。
- 布局（Layout）：Container、Grid、Divider。
- 表单（Form）：Radio、Checkbox、Input、InputNumber、Select、Cascader、Switch、Slider、TimePicker、DatePicker、DateTimePicker、Form、Upload、Rate。
- 数据（Data）：Table、Tag、Progress、Tree、Pagination、Avatar、Skeleton、Empty。
- 导航（Navigation）：Menu、Tabs、Breadcrumb、PageHeader、Dropdown、Steps。
- 反馈（Feedback）：Alert、Loading、Message、MessageBox、Notification、Dialog、Drawer、Popover、Tooltip。
使用 Auto Layout 组织画板，每次 batch_design 调用最多 25 个操作。
使用方式
该技能输出一个 PENCIL_PLAN，随后 Agent 按顺序调用 Pencil MCP 工具：open_document、set_variables、batch_design，可选调用 get_screenshot。
最佳实践
- 对照 Element Plus 主题文档核验令牌取值。
- 使用 set_variables 时，除明确要求完全重置外，采用 replace: false。
- 组件总览画板使用 Auto Layout。
关键词
pencil、element、element plus、design system、init、variables、components。
参考资料
references/contract.md（设计令牌与组件命名）、references/official.md（官方文档链接）、references/examples.md（PENCIL_PLAN 示例）、references/components.md（组件规范）。
限制
仅适用于涉及 Pencil 与 Element（Element Plus）的设计系统初始化场景；上述令牌值、组件分组与操作上限均来自资料，其余细节暂未提供。