用途:在 Pencil 的 .pen 文件中初始化 Layui 设计系统,注册设计令牌并搭建组件总览框架。仅在用户明确同时提到 Pencil 与 Layui(或 layui-vue),或由编排技能(pencil-ui-designer)路由 Layui 初始化请求时使用。
主要能力:一是通过 set_variables 注册 Layui 设计令牌,包括主题色 layui-primary/layui-normal #1e9fff、layui-warm #ffb800、layui-danger #ff5722,文本与边框 layui-text #333333、layui-border #e6e6e6,字体与圆角 layui-font-md 14px、layui-radius 2px;二是通过 batch_design 创建 Components Overview 框架,按基础(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)分区。
使用方式:技能输出 PENCIL_PLAN,Agent 依次调用 Pencil MCP 工具 open_document、set_variables、batch_design,可选 get_screenshot。set_variables 需按 .pen 文件 schema 传入 filePath、replace 与 variables;除非要求完全重置,replace 使用 false。组件框架使用 Auto Layout,单次 batch_design 最多 25 个操作,超出时按分类拆分。
限制:令牌值需对照 Layui 官方文档核验;更多令牌从官方文档补充。参考资料包括 references/contract.md、official.md、examples.md、components.md。具体平台、收费与效果资料暂未提供。