用途:在 Pencil 中初始化基于 Layui 规范的设计系统,设置全局色板并在 .pen 文件中创建初始组件库框架。仅在用户明确提到“Pencil”和“Layui”(或“layui-vue”),或编排 Pencil 设计系统初始化任务时使用。
主要能力:该技能输出 PENCIL_PLAN,由 Agent 依次调用 Pencil MCP 工具:open_document、set_variables、batch_design,可选 get_screenshot。
使用方式:第一步用 mcp__pencil__set_variables 注册 Layui 设计令牌,遵循 .pen 文件 schema。主要/主题色:layui-primary #1e9fff、layui-normal #1e9fff、layui-warm #ffb800、layui-danger #ff5722;文字与边框:layui-text #333333、layui-border #e6e6e6;字体与圆角:layui-font-md 14px、layui-radius 2px。如需更多令牌,从 Layui 官方文档补充。第二步用 mcp__pencil__batch_design 创建“Components Overview”框架,按 Layui 文档分区:基础(Button、Form、Input、Textarea、Select、Checkbox、Radio、Switch)、布局(Container、Grid、Card)、数据(Table、Tree、Pagination、Badge、Tag)、反馈(Alert、Message、Modal、Drawer、Loading)、导航(Menu、Tabs、Breadcrumb、Dropdown)、其他(Icon、Divider、Timeline)。使用 Auto Layout 组织框架,每次 batch_design 调用最多 25 个操作。
最佳实践:对照 Layui 官方文档核验令牌值;除非请求完全重置,set_variables 使用 replace: false;组件总览框架使用 Auto Layout。
限制:资料未提供收费、价格、平台支持范围及具体效果信息;使用前提是明确提及 Pencil 与 Layui。参考文件包括 references/contract.md、references/official.md、references/examples.md、references/components.md。