SuperAPI AI 工具集

design-md

设计与创作

查看项目

更新于 10-15 22:33

技能介绍

用途:这是一个面向 Stitch 项目的设计系统整理技能,角色定位为设计系统负责人。它分析 Stitch 项目的技术资产,把视觉与代码中的设计规律综合成一份名为 DESIGN.md 的语义设计系统文档,作为后续提示 Stitch 生成新屏幕时的“事实来源”,让新界面与既有设计语言保持一致。

主要能力:可通过 Stitch MCP Server 获取项目与屏幕元数据;下载并解析屏幕的 HTML/CSS(含 Tailwind 类、自定义 CSS、组件模式);读取 designTheme 中的颜色、字体、圆角等信息。随后输出 DESIGN.md,内容涵盖视觉主题与氛围、颜色调色板与功能角色、排版规则、组件样式(按钮、卡片/容器、输入框/表单)以及布局原则。文档要求用描述性语言,同时在颜色后附精确十六进制色值。

必要用法:需具备 Stitch MCP Server 访问权限、至少包含一个已设计屏幕的 Stitch 项目,并参考 Stitch 有效提示指南 https://stitch.withgoogle.com/docs/learn/prompting/。典型流程包括:先用 list_tools 找到 MCP 前缀;若无项目 ID,用 [prefix]:list_projects 并按 view=owned 查找;若无屏幕 ID,用 [prefix]:list_screens 列出屏幕;再用 [prefix]:get_screen 获取截图与 HTML 下载地址;最后用 get_project 获取项目级设计主题与指南,解析后生成 DESIGN.md。

适用场景:整理或复用 Stitch 项目的设计语言、为新屏幕生成提示词准备设计说明、沉淀设计规范文档。

限制:仅适用于与上述范围明确匹配的任务;输出不能替代针对具体环境的验证、测试或专家审查;若缺少必要输入、权限、安全边界或成功标准,应停止并请求澄清。资料未提供具体定价、平台支持范围或效果保证。