SuperAPI AI 工具集

stitch-design-taste

设计与创作

查看项目

更新于 10-16 03:38

技能介绍

用途:为 Google Stitch 屏幕生成提供一份 DESIGN.md,作为提示 Stitch 生成新界面时的唯一事实来源。Stitch 通过“视觉描述”配合具体色值、排版规格与组件行为来理解设计,因此该文件把前端工程指令转写为 Stitch 原生语义语言。

主要能力:文件涵盖视觉氛围(密度、变化度、动效强度的评分光谱)、色彩校准(含 hex、功能角色与禁用模式)、排版架构(字体栈、层级、禁用字体)、组件行为(按钮、卡片、输入框及交互态)、布局原则、响应式规则、动效哲学与反模式清单。

关键约束示例:最多 1 个强调色且饱和度低于 80%;禁止 AI 紫/蓝霓虹与发光;禁用纯黑 #000000;禁用 Inter 及 Times New Roman、Georgia 等通用衬线;禁用 emoji、自定义鼠标光标、三列等宽卡片、居中 Hero(高变化度时)、占位名与“Elevate/Seamless”等 AI 文案套路;移动端多列布局折叠为单列,触控目标至少 44px。

使用方式:需通过 labs.google.com/stitch 访问 Google Stitch;可选 Stitch MCP Server 与 Cursor、Antigravity 或 Gemini CLI 做程序化集成。资料未提供安装命令或代码示例。

适用场景:为 Stitch 生成具备明确美学主张的界面时,先产出该 DESIGN.md 再提示生成屏幕。限制:实际效果取决于 Stitch 对描述的理解,资料未提供价格、平台支持范围或性能数据。