SuperAPI AI 工具集

design-md

设计与创作

查看项目

更新于 10-15 21:38

技能介绍

用途:分析 Stitch 项目中的屏幕与设计资产,把技术性设计值转写为语义化设计系统,输出 DESIGN.md,作为提示 Stitch 生成风格一致新界面的“事实来源”。

主要能力:通过 Stitch MCP Server 检索项目、屏幕元数据与设计资产;下载 HTML/CSS 与截图;解析 Tailwind 类、自定义 CSS 和组件模式;提取 designTheme 中的颜色模式、字体、圆角与自定义颜色;将颜色、几何、阴影等翻译为描述性语言并保留精确十六进制色值。

使用方式:需具备 Stitch MCP Server 访问权限、至少含一个已设计屏幕的 Stitch 项目,并参考 Stitch Effective Prompting Guide(https://stitch.withgoogle.com/docs/learn/prompting/)。先用 list_tools 发现命名空间前缀,再用 [prefix]:list_projects(filter: "view=owned")查找项目并提取 Project ID;用 [prefix]:list_screens 查找屏幕;用 [prefix]:get_screen 获取截图、HTML 代码、尺寸与设备类型;用 [prefix]:get_project 获取设计主题与项目级指南;随后用 web_fetch 或 read_url_content 下载 HTML 并解析。最终按指定结构生成 DESIGN.md,包含视觉主题与氛围、颜色调色板与角色、排版规则、组件样式、布局原则。

适用场景:为已有 Stitch 设计建立可复用的设计系统文档,统一后续界面生成的设计语言。

限制:依赖 Stitch MCP Server 与 Stitch 项目;需至少一个已设计屏幕;具体收费、价格、平台支持范围等资料暂未提供。