SuperAPI AI 工具集

stitch-design

设计与创作

查看项目

更新于 10-15 21:53

技能介绍

用途:作为 Stitch MCP 服务器的设计系统负责人与提示词工程入口,把模糊需求转化为精确的设计规格,产出高保真且风格一致的 UI 设计。

主要能力:提示词增强,用专业 UI/UX 术语与设计系统上下文把粗略意图结构化为提示词;设计系统合成,分析已有 Stitch 项目生成 .stitch/DESIGN.md 作为“事实来源”;工作流路由,按用户意图分发到生成或编辑流程;一致性管理,确保新页面沿用项目既有视觉语言;资产管理,自动把生成的 HTML 与截图下载到 .stitch/designs 目录。

使用方式:按意图选择工作流——“设计某页面”走 text-to-design,使用 generate_screen_from_text 并下载;“编辑某屏幕”走 edit-design,使用 edit_screens 并下载;“创建/更新 .stitch/DESIGN.md”走 generate-design-md,使用 get_screen 并写入。调用任何生成或编辑工具前必须先增强提示词:分析上下文(保持当前 projectId,未知时用 list_projects;检查 .stitch/DESIGN.md,存在则纳入其颜色与字体令牌,不存在则建议先走 generate-design-md),把模糊表述替换为专业术语(如把“做个好看的页头”改为“带玻璃拟态效果、居中 Logo 的粘性导航栏”),再按“整体氛围与目的 + DESIGN SYSTEM(平台、调色板含十六进制与角色、风格)+ PAGE STRUCTURE(页头、Hero、主内容区、页脚)”的结构组织最终提示词。每次工具调用后需向用户展示 outputComponents(文字描述与建议)。

适用场景:需要统一设计语言的多页面 UI 设计、把口头想法快速转为可生成提示词、为已有项目沉淀设计系统文档。

限制:资料未提供具体收费、价格、支持平台与效果保证;工具调用依赖 Stitch MCP 服务器与相应工具可用性;提示词增强为强制前置步骤。建议迭代打磨时优先用 edit_screens 做定向调整而非整页重生成,颜色命名兼顾角色与外观,并显式设定氛围(极简、活力、粗野主义等)。