SuperAPI AI 工具集

pencil-ui-design-system-layui

设计与创作

查看项目

更新于 10-16 08:47

技能介绍

用途:在 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”画板,分区包括:基础(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)。

使用方式:按上述工具顺序执行;每批 batch_design 最多 25 个操作;使用 Auto Layout 组织画板;set_variables 默认 replace: false,除非要求完全重置。

限制与说明:令牌值需与 Layui 官方文档核对;参考资料包括 references/contract.md、references/official.md、references/examples.md、references/components.md。具体价格、平台与更多使用步骤暂未提供。