用途:在 Pencil 中初始化一套基于 Vant 规范的设计系统,建立全局色板与初始组件库框架,产物写入 .pen 文件。仅在用户明确提到 Pencil 与 Vant(或 Vant 4),或需要编排 Pencil 设计系统初始化任务时使用。
主要能力:该技能输出一个 PENCIL_PLAN,由 Agent 按序调用 Pencil MCP 工具:open_document、set_variables、batch_design,可选 get_screenshot。第一步用 mcp__pencil__set_variables 注册 Vant 设计令牌,遵循 .pen 文件 schema,包括主色 van-primary-color #1989fa、成功 #07c160、警告 #ff976a、危险 #ee0a24、灰 #323233;文本与边框 van-text-color #323233、van-text-color-2 #646566、van-text-color-3 #969799、van-border-color #ebedf0、van-border-radius 4px;字体 van-font-size-md 14px。如缺更多令牌,可参考 Vant 主题文档补充。第二步用 mcp__pencil__batch_design 创建 Components Overview 框架,按 Vant 文档分为基础、表单、反馈、展示、导航等分区,并用 Auto Layout 组织。
使用方式:按上述工具顺序执行,令牌值以 Vant 主题文档为准;set_variables 使用 replace: false,除非明确要求完整重置;batch_design 每次调用最多 25 个操作。
适用场景与限制:适用于启动 Vant 4 设计系统的变量与组件概览搭建。组件与令牌的完整规格、示例 PENCIL_PLAN 及官方文档链接分别见 references/contract.md、official.md、examples.md、components.md。其余细节(如平台、收费、价格等)暂未提供。