SuperAPI AI 工具集

stitch-design-system

设计与创作

查看项目

更新于 10-15 20:06

技能介绍

用途:为 Google Stitch 项目配置视觉主题与品牌,通过 mcp__stitch__* 工具管理颜色、排版和形状令牌;不负责屏幕内容或布局(由其他 stitch-* 技能处理)。支持双向操作:既可将设计系统写入 Stitch,也可将现有项目主题读取导出到本地文件。

主要能力:创建/更新设计系统;上传 DESIGN.md 生成设计系统;将设计系统应用到已存在的屏幕;列出设计系统(项目级或全局);从项目 designTheme 字段导出主题为 DESIGN.md、设计令牌文件或原始 JSON。

使用方式:输入有两类路径。Path A 适用于用户给出具体品牌值(十六进制颜色、字体名、圆角、暗色模式等),调用 create_design_system 后立即调用 update_design_system。Path B 适用于已有设计文档或品牌指南,调用 upload_design_md 后立即调用 create_design_system_from_design_md。两条路径均为两调用序列,不可只执行第一步,否则资产存在但不会应用或显示。create_design_system 可选传入 projectId;传入则为项目级,省略则为全局资产。将设计系统应用到已有屏幕需先调用 get_project 获取屏幕实例 id 和 sourceScreen,再以 projectId、assetId(无 assets/ 前缀)和 selectedScreenInstances 调用 apply_design_system。

限制:没有专门的导出工具,导出意味着通过 get_project 读取 designTheme 并自行写入本地文件。designTheme.designMd 可能为空,缺失时不得伪造内容或报告导出成功,可基于已解析令牌合成。字体、colorVariant、roundness、deviceType 为封闭枚举,不得臆造值;避免使用已弃用字体 SOURCE_SERIF_FOUR、METROPOLIS、SOURCE_SANS_THREE。roundness 选择的是四步圆角刻度而非固定像素。项目级与全局设计系统的列表查询不会在同一次调用中重叠。具体资源与步骤细节见 references/theme-enums.md、references/design-md.md、references/design-export.md。