SuperAPI AI 工具集

pencil-ui-design-system-antd

设计与创作

查看项目

更新于 10-16 08:48

技能介绍

用途:在 Pencil 中初始化基于 Ant Design 规范的设计系统,设置全局色板并创建初始组件库框架,输出 PENCIL_PLAN,由 Agent 依次调用 Pencil MCP 工具:open_document、set_variables、batch_design,可选 get_screenshot。

主要能力:通过 mcp__pencil__set_variables 注册 Ant Design 设计令牌,包括主色与语义色(ant-primary #1677ff、ant-primary-hover #4096ff、ant-success #52c41a、ant-warning #faad14、ant-error #ff4d4f、ant-info #1677ff)、中性文本色(ant-text #000000e0、ant-text-secondary #00000073、ant-border #d9d9d9、ant-bg #ffffff)、字体与圆角(ant-font-size-base 14px、ant-border-radius 6px);令牌不足时可从 Ant Design 令牌文档补充。通过 mcp__pencil__batch_design 创建 Components Overview 框架,按通用、布局、导航、数据录入、数据展示、反馈等分组列出组件。

使用方式:仅在用户明确提及 Pencil 与 Ant Design(或 antd),或编排 Pencil 设计系统初始化任务时使用。遵循 .pen 文件 schema;set_variables 默认 replace: false,除非要求完全重置;组件总览框架使用 Auto Layout;每次 batch_design 调用最多 25 个操作。

适用场景:新建基于 Ant Design 的设计系统、搭建组件总览页。

限制:资料未提供具体安装命令、收费信息、平台支持范围及实际效果说明;组件清单与令牌值以资料所列为准,更多令牌需查阅 Ant Design 官方文档。