SuperAPI AI 工具集

stitch-mcp-apply-design-system

设计与创作

查看项目

更新于 10-15 21:49

技能介绍

用途:把已创建的 Stitch Design System 应用到一个或多个屏幕,更新屏幕的视觉主题(颜色、字体、圆角),使项目内多屏视觉保持一致。仅在用户明确提到“Stitch”时使用。

前置条件:需要数字 projectId、一个或多个数字 screenId,以及来自 list_design_systems 或 create_design_system 的 assetId。

适用时机:创建设计系统后想应用到屏幕;用户说“让所有屏幕匹配这个主题”或“应用设计系统”;编排流程 Step 5b 保存 assetId 并提供应用选项;需要多屏项目视觉统一时。

调用 MCP 工具 apply_design_system,参数包括 projectId、selectedScreenInstances 和 assetId。

参数要点:projectId 只填数字,不带 projects/ 前缀。selectedScreenInstances 是对象数组,每项为 {id, sourceScreen} 对,不是裸 screen id 列表;id 是实例 id,sourceScreen 是 projects/{p}/screens/{s} 完整路径,两者不同,互换会失败。这两个值可从 get_project 的 screenInstances 获取。assetId 只填裸数字,不带 assets/ 前缀;可从 list_design_systems 或 create_design_system 返回的 name 字段去掉 assets/ 前缀得到。注意 apply_design_system 要裸格式,而 generate_screen_from_text 的 designSystem 参数要带 assets/ 前缀。

输出:返回反映已应用设计系统的更新后屏幕数据。

应用后:用 stitch-mcp-get-screen 重新获取受影响屏幕,向用户展示更新后的截图,并可提供后续选项:编辑更新后的屏幕(stitch-mcp-edit-screens)、转换为代码(框架转换)、应用到更多屏幕(再次调用 apply_design_system)。

限制:资料未提供收费、价格、平台支持范围及具体效果保证等信息。