用途:在 Pencil 中初始化基于 Ant Design 规范的设计系统,建立全局色板与初始组件库框架,结果写入 .pen 文件。仅在用户明确提及“Pencil”和“Ant Design”(或“antd”),或编排 Pencil 设计系统初始化任务时使用。
主要能力:输出 PENCIL_PLAN,由智能体按顺序调用 Pencil MCP 工具:open_document、set_variables、batch_design,可选 get_screenshot。第一步用 mcp__pencil__set_variables 注册 Ant Design 设计令牌,遵循 .pen 文件 schema,包括 Primary/Semantic(ant-primary #1677ff、ant-primary-hover #4096ff、ant-success #52c41a、ant-warning #faad14、ant-error #ff4d4f、ant-info #1677ff)、Neutral/Text(ant-text #000000e0、ant-text-secondary #00000073、ant-border #d9d9d9、ant-bg #ffffff)、Font & Radius(ant-font-size-base 14px、ant-border-radius 6px)。第二步用 mcp__pencil__batch_design 创建“Components Overview”框架,按 Ant Design 文档分区:通用(Button、Icon、Typography)、布局(Grid、Divider、Space)、导航(Affix、Breadcrumb、Dropdown、Menu、Pagination、Steps、Tabs)、数据录入、数据展示、反馈等。
使用方式:由技能输出计划,智能体依次调用上述 MCP 工具;使用 Auto Layout 组织框架,单次 batch_design 调用不超过 25 个操作。set_variables 默认 replace: false,除非请求完全重置。
限制:需更多令牌时参考 Ant Design 令牌文档补充;令牌值应核对官方文档。参考资料包括 references/contract.md、references/official.md、references/examples.md、references/components.md。未提供具体价格、平台要求或额外使用步骤。