用途:这是创建新 pencil-ui-design-system-* 技能的工厂技能。当需要让 Pencil 支持新的设计系统(如 layui、antd、bootstrap、element、uview)时使用。每个生成的技能通过 PENCIL_PLAN 在 Pencil 中初始化设计系统,包括变量与组件总览画板。
主要能力:新技能遵循动作级计划,输出 PENCIL_PLAN(第1步 set_variables,第2步 batch_design 组件总览),不直接执行,而是输出计划供智能体调用 Pencil MCP 工具。技能自包含设计令牌(颜色、字体、圆角)与来自官方文档的组件分类。
使用方式:推荐用捆绑脚本自动生成,命令为 ./scripts/init_pencil_design_system_skill.py <name> --path <skills-directory>,例如 ./scripts/init_pencil_design_system_skill.py layui --path skills/。它会创建 skills/pencil-ui-design-system-layui、填充 SKILL.md、生成 references/contract.md、references/official.md、references/examples.md 占位文件并复制 LICENSE.txt。也可手动创建:确定框架并命名为 pencil-ui-design-system-<name>(kebab-case),建立目录,按 Golden Template 编写 SKILL.md(含前置元数据、何时使用、第1步变量表、第2步组件总览),再填充 references。命名须符合 pencil-ui-design-system-[a-z0-9]+(-[a-z0-9]+)*。
适用场景:为 Pencil 规格流程补充某设计系统的具体变量与组件结构,位于 PRD 生成 PENCIL_PLAN 之后,由智能体按序调用 open_document、set_variables、batch_design、get_screenshot。
限制:技能仅在用户明确提及 Pencil 与目标设计系统时触发;设计令牌需对照官方文档核实;除非完全重置否则使用 replace: false;画板使用 Auto Layout。价格、支持平台等事实暂未提供。