SuperAPI AI 工具集

stitch-design-taste

设计与创作

查看项目

更新于 10-15 20:29

技能介绍

用途:为 Google Stitch 屏幕生成提供语义化设计系统。该技能把反通用化的前端工程规范转写为 Stitch 可理解的描述性自然语言规则,并配以精确数值,生成 DESIGN.md 作为提示 Stitch 生成新界面的唯一事实来源。

主要能力:定义视觉氛围(密度、变异度、动效强度,默认变异 8、动效 6、密度 4);映射配色(最多 1 个强调色、饱和度低于 80%,禁用 AI 紫/蓝霓虹,禁用纯黑 #000000,统一使用 Zinc/Slate 中性色);建立排版规则(禁用 Inter 与通用衬线字体,仪表盘仅用无衬线搭配,高密度时数字用等宽字体);定义 Hero 区(内联图像排版、禁止文字重叠与填充文案、高变异度下禁止居中布局);描述按钮、卡片、输入框、加载/空/错误状态;布局原则(CSS Grid、max-width 约束、全高用 min-h-[100dvh]);响应式规则(768px 以下单列、触控目标 44px、clamp() 缩放);动效哲学(弹簧物理 stiffness: 100、damping: 20,仅动画 transform 与 opacity);以及明确的禁用清单。

使用方式:需可访问 labs.google.com/stitch;可选 Stitch MCP Server 与 Cursor、Antigravity 或 Gemini CLI 集成。按分析合成步骤生成 DESIGN.md,结构含视觉主题、配色与角色、排版规则、组件样式、布局原则、动效交互、禁用模式七部分。

适用场景:需要为 Stitch 生成具有统一高级审美的界面时使用。

限制:资料未提供价格、平台支持范围与效果保证;该技能输出为有明确倾向的规范,非中性模板。