SuperAPI AI 工具集

stitch-design-taste

设计与创作

查看项目

更新于 10-16 03:36

技能介绍

用途:当用户需要 Google Stitch 兼容的 DESIGN.md 或面向 AI 屏幕生成的语义化设计系统时使用;也可把高级前端审美规则转译成 Stitch 可读的视觉描述、颜色角色、字体规格与组件行为,并在生成屏幕前避免通用 AI UI 套路。

主要能力:生成单一事实来源的 DESIGN.md,编码视觉氛围(密度、变异、动效三档刻度,默认变异8、动效6、密度4)、配色(最多1个强调色且饱和度低于80%,禁用紫/蓝霓虹、纯黑,用 Zinc/Slate 中性色)、字体体系(禁 Inter 与通用衬线,仪表盘仅用无衬线组合,密度超7时数字用等宽)、Hero 区(内联图文排版、不重叠、禁填充文案)、组件样式(按钮、卡片、输入、加载/空/错误状态)、布局原则(禁居中 Hero、禁三列等宽卡片、网格优先、max-width 约束、min-h-[100dvh])、响应式规则(768px 以下单列、禁横向溢出、44px 触控目标)与动效哲学(弹簧物理、交错编排、仅 transform/opacity),并列出明确的反模式清单。输出为固定结构的 DESIGN.md 模板。

使用方式:需可访问 labs.google.com/stitch;可选 Stitch MCP Server 与 Cursor、Antigravity 或 Gemini CLI 集成。先定义氛围,再依次映射色彩、字体、Hero、组件、布局、响应式与动效。

限制:仅产出语义化设计指导,不保证 Stitch 完全按约束渲染;生成的 DESIGN.md 仍需对照产品简报、品牌、无障碍与屏幕内容复核;动效部分只是为后续编码代理记录实现意图,Stitch 可能只生成静态屏幕。资料未提供具体安装命令、收费或价格信息。